Hi,
ich programmiere gerade eine Homepage und versuche mich dabei erstmals mit CSS. Die Seite steht auch soweit, nur habe ich das Problem, dass die Site im IE (und auch Opera) länger ist als beim Firefox (so soll die seite auch aussehen).
Hier mal der Code:
(sorry ich weiß nicht genau wo der Fehler liegt, deswegen der ganze Code).
Hier die URL http://www.tsv-soccerkids.de/hp/hp2.html
Was auch "erstaunlich" ist: Wenn ich die Höhen der einzelnen styles zusammenrechne, komm ich auf 590 und nicht auf 600...
Fdot
ich programmiere gerade eine Homepage und versuche mich dabei erstmals mit CSS. Die Seite steht auch soweit, nur habe ich das Problem, dass die Site im IE (und auch Opera) länger ist als beim Firefox (so soll die seite auch aussehen).
Hier mal der Code:
PHP-Code:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color:#EAEAEA;
margin:0; padding:0px 0;
text-align:center; /* Zentrierung im Internet Explorer */
}
div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 700px;
height: 600px;
padding: 0;
background: #EAEAEA url(images/hp_all.jpg);
border: 0px;
}
div#header {
width: 700px; height: 160px;
padding: 0;
}
div#Inhalt {
font-size: 11px;
width: 475px;
padding: 0;
height:380px;
margin: 0 0 1em 1em;
margin-left: 60px;
}
* html div#Inhalt { /* Korrekturen fuer IE 5.x */
width: 475px;
w\idth: 475px;
padding: 0;
}
div#unten {
width: 700px; height: 30px;
padding: 0;
}
div#navi {
font-size: 11px;
font-family: Verdana;
color: white;
text-align: left;
width: 475px;
padding: 0;
line-height:20px;
height:20px;
margin: 0 0 1em 1em;
margin-left: 60px;
}
* html div#navi { /* Korrekturen fuer IE 5.x */
width: 475px;
w\idth: 475px;
padding: 0;
}
</style>
</head>
<body>
<div id="Seite">
<div id="header"></div>
<div id="Inhalt"><iframe height="380" width="475" src="test.html" scrolling="auto" frameborder="0">
</iframe>
</div>
<div id="unten"></div>
<div id="navi">navigation</div>
</div>
</body>
</html>
Hier die URL http://www.tsv-soccerkids.de/hp/hp2.html
Was auch "erstaunlich" ist: Wenn ich die Höhen der einzelnen styles zusammenrechne, komm ich auf 590 und nicht auf 600...
Fdot
Kommentar