footer will nicht wie ich will - div problem?

**MUVA** · 17.09.2007 13:42

hallo, habe ein problem mit einer installation.
der footer will nicht so wie ich will, wie man sieht. habs mit FF und safari probiert.

hier mal die HTML

HTML-Code:

<?php echo "<?xml version=\"1.0\"?>";
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<?php mosShowHead(); ?>
<title><?php echo $mosConfig_sitename; ?></title>

<?php
  if ($my->id) {
    include ("editor/editor.php");
    initEditor();
  }
?>    

<link href="<?php echo $mosConfig_live_site;?>/templates/ahs-template/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="css/template_css.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="wrapper">

<div id="top">
   <div id="top1">
    <?php mosLoadModules ('top'); ?>
    </div>
</div>

<div id="user1">
<?php mosLoadModules ('user1'); ?>
</div>

<div id="user2">
<?php mosLoadModules ('user2'); ?>
</div>

<div id="left">
<?php mosLoadModules ('left'); ?>
</div>

<div id="right">
<?php mosLoadModules ('right'); ?>
</div>

<div id="content">
<?php mosMainBody(); ?>
</div>

          <div id='cleaner'></div>
  </div>

<div id="footer">
       <?php mosLoadModules ('footer'); ?><a href="http://www.border-less.eu" target="_self">(c) Autohaus Schoenthaler Pernitz 2007 - design by golem:design</a>
</div>

</div>
</body>
</html>

und hier die CSS:

Code:

/* CSS Document */




#wrapper {
position: absolute;
left: 50%;
width: 800px;
margin-left: -400px; /* negative Hälfte von width:800px */
top: 0px;
background-color:#000000;
font:normal 80%/1.2em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;

}



#top {
position:absolute;
top:0;
width:800px;
height:189px;
background-image:url(http://border-less.eu/jtest3/templates/ahs-template/images/ahs-header.jpg);
}


#top1 {

position: absolute;
top:189px;
width:800px;
height:30px;
background-color:#333333;

}


#content {

position:absolute;
top:219px;
width:780px;
border-top-color:#FFFFFF;
border-bottom-width:thin;
padding-left:10px;
padding-right:10px;
background-color:#333333;



}

#content-left {

position:absolute;
top:225px;
width:390px;
height:450px;


}

#content-right {

position:absolute;
top:225px;
width:390px;
height:450px;


}

















#search {


width:130px;
height:130px;
left:600px;
padding:5px;
background-color:#f9f9f9;
overflow:hidden;
font:normal 80%/1.2em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;

}
#cleaner {
    clear: both;
    margin: 0;
}


#footer {

width:800px;
height:80px;
background-color:#333333;
font:normal 80%/1.2em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
background-image:url(http://border-less.eu/jtest3/templates/ahs-template/images/ahs-footer.jpg);











}
/* Modulueberschriften*/
table.moduletable th{
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    color: #999999;
    text-align: center;
    padding-left: 4px;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 2px 0;
}

/*Modultext*/
table.moduletable td {
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
        color: #002bb8;

}

table.moduletable-login {
    padding-top: 50px;
    font-size: 11px;
    color:#28468e;
    text-decoration: none;
}



a.mainlevel:link, a.mainlevel:visited {
    
    font-size: 14px;
    font-weight: bold;
    color:#6b7f90;
    text-align: center;
    padding-top: 2px;
    padding-left: 10px;
    height: 20px !important;
    height: 25px;
    width: 100%;
    text-decoration: none;
}

a.mainlevel:hover {
    background-position: 0px -25px;
    text-decoration: none;
    color: #a61f39;
}

a.mainlevel-nav {
    font-size: 13px;
    font-weight:bold;
    color:#6b7f90;
    text-decoration: none;
    padding: 5px;
    margin-bottom: 10px;

    
}

a.mainlevel-user {
    font-size: 11px;
    color:#6b7f90;
    text-decoration: none;
    
}

ich bitte um hilfe. ein weiteres problem ist, dass im div wrapper die BGcolor nicht übernommen wird, was ja ziemlich seltsam ist.

die gängigen lösungen oder besser- empfehlungen - wie ein "cleaner div" habe ich bereits im code eingebaut.
ich hoffe, jemand von euch kann mir helfen, da die 2 pkte mit dem footer und der hintergrundfarbe im wrapper die einzigen probleme sind, die ich egtl noch habe.
den rest habe ich schon hinbekommen....aber wenn man da 10 stunden dransitzt, verliert man die übersicht...und ich habe auch in externen links wie selfhtml nix dazu gefunden.

aja: der link:

http://border-less.eu/jtest3

**MUVA** · 19.09.2007 10:48

keiner eine idee= :(??

**joewala** · 19.09.2007 11:29

ich glaube da hat sich ein </div> zuviel eingeschlichen:

PHP-Code:


...

          <div id='cleaner'></div>

  </div> // <<<<---------------------Abschliessendes DIV zuviel ?



<div id="footer">

       <?php mosLoadModules ('footer'); ?><a href="http://www.border-less.eu" target="_self">(c) Autohaus Schoenthaler Pernitz 2007 - design by golem:design</a>

</div>



</div> 

</body>

</html>

**MUVA** · 19.09.2007 11:40

AHA! könnte natürlich an dem gelegen haben...hab jetzt dann ganzen CSS code nochmal überprüft und ein paar sachen geändert.
nun ist der footer dort, wo er hingehört:

Code:

#footer {

	position:absolute;
	clear: both;
	margin: 0 auto;
	padding: 0px;
	width:800px;
	height:80px;
        text-align:center;
	background-image:url(http://border-less.eu/jtest3/templates/ahs-template/images/ahs-footer.jpg);
	font-size:12px;

hab da einfach ein "margin: 0 auto" rein, sowie ein "position:absolute"
stimmt das/passt das so?

jetzt würd ich noch gerne die schrift mittig in den footer setzen. gibts da einen trick dazu? weil das "normale" "padding-top" setzt mir ja das ganze ding runter, ich will ja nur die schrift n paar pixel runter...
cheerio

Thema: footer will nicht wie ich will - div problem?

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

abschliessendes </div> zuviel

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen