tester33
Erfahrenes Mitglied
Hallo zusammen,
ich habe eine Homepage. Ich habe sie mit drei divs aufgebaut, menue, content (Inhalt) und footer.
Jetzt aber habe ich das Problem dass sich drei Sachen nicht so verhalten wie ich will:
Im Mozilla werden die div's schön zentriert, IE ignoriert dies einfach.
Mozilla hängt alle schön zusammen, der IE aber macht zwischen menue und content einen Abstand.
Ich möchte den Inhalt im Footer auch Vertikal zentrieren, doch mit vertical-align geht's nicht.
Noch etwas, Mozilla zeigt den kleinen Favicon nicht an, IE schon.
Hier der Code:
Noch der CSS Code:
Ich wäre sehr dankbar wenn ihr mir helfen könntet.
MfG
Simon
ich habe eine Homepage. Ich habe sie mit drei divs aufgebaut, menue, content (Inhalt) und footer.
Jetzt aber habe ich das Problem dass sich drei Sachen nicht so verhalten wie ich will:
Im Mozilla werden die div's schön zentriert, IE ignoriert dies einfach.
Mozilla hängt alle schön zusammen, der IE aber macht zwischen menue und content einen Abstand.
Ich möchte den Inhalt im Footer auch Vertikal zentrieren, doch mit vertical-align geht's nicht.
Noch etwas, Mozilla zeigt den kleinen Favicon nicht an, IE schon.
Hier der Code:
HTML:
<html>
<head>
<link rel="stylesheet" media="all" type="text/css" href="menue.css">
<link rel="shortcut icon" href="favicon.ico">
</head>
<!---Anfang Body, mit div tag, und menue.css--->
<body>
<div id="menue">
<image src="http://www.tutorials.de/images/menue.jpg" height="138px" width="740px" usemap="#menue" border="0px">
<!--- Menü soll mit Content verbunden werden und wie ganze Homepage zentriert.
</div>
<div id="content" width="740px">
Content, soll ohne unterbruch verbunden werden, mit footer und menue
</div>
<div id="footer" width="740px" class="footer">
Footer mit E-Mail usw. sollte vertikal und horizontal zentriert sein
</div>
</body>
</html>Noch der CSS Code:
HTML:
body {
font-size: 16px;
font-family:trebuchet ms, arial, helvetica,verdana, georgia, "times new roman", sans-serif;
color:#174262;
}
/*
Ich habe einige Code's rauskopiert, die sind nicht wichtig, nur a:hover usw. nichts wesentliches.
*/
#menue {
padding: 0;
height: 138px;
width: 740px;
margin-bottom: 0px;
margin: auto;
border: 0px;
top: 0px
}
#content {
padding: 0;
width: 740px;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
border: 0px;
background-image:url(images/content.jpg);
}
#footer {
background-image:url(images/footer.jpg);
height: 105px;
text-align: center;
vertical-align: middle;
width: 740px;
padding: 0;
margin-top: 0px;
margin: auto;
padding-bottom:0px;
}Ich wäre sehr dankbar wenn ihr mir helfen könntet.
MfG
Simon
Zuletzt bearbeitet:
