Hallo,
hab hier ein Problem, bei dem ich echt nicht weiß, warum es existiert.
Ich habe folgenden HTML-Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<link rel="stylesheet" type="text/css" href="style2.css">
<title></title>
</head>
<body>
<div id="container">
<div id="header">
<div id="logo">[img]logo.png[/img]</div>
<div id="aktionen">
Aktuelle Aktionen</p></div>
</div>
<div id="leiste">
<ul>
[*]Home
[*]Mitarbeiter
[*]Produkte
[/list]
</div>
<div id="content">
<div id="content_sidebar">
Sidebar
</div>
<div id="containt_main">
Lorem ipsum dolor sit amet consectetuer cursus Donec cursus consequat accumsan. Vivamus accumsan ridiculus lacinia fringilla est Morbi penatibus nunc dui adipiscing. Nunc Cras Vestibulum metus sed Lorem neque nibh Curabitur eget risus. Accumsan quis Sed Vestibulum enim leo ut laoreet et Pellentesque commodo. Hendrerit laoreet id Nulla consequat auctor.
Risus sodales pellentesque aliquet quis tellus quis sociis facilisis id nulla. Sed at morbi nunc Proin tempus consectetuer ut semper nibh commodo. Pellentesque et feugiat In non et Vestibulum urna congue interdum velit. A cursus penatibus nibh fringilla Curabitur et convallis orci justo id. Tellus lobortis penatibus id magna pretium Vivamus turpis a ipsum nunc. Mauris ipsum ante eget id elit nunc quam sagittis quis id. Ligula Nam.
Nam justo urna interdum interdum nibh elit commodo et pellentesque diam. Orci semper Proin est sit pharetra adipiscing tincidunt elit arcu Vivamus. Laoreet condimentum elit sed Nullam at Quisque Morbi volutpat sodales senectus. Fringilla nec pretium felis lacinia dui at eleifend augue nunc felis. Vitae tincidunt ante est condimentum libero condimentum nisl tortor nisl adipiscing. Lorem dui elit Quisque ut lorem tristique mauris eu.
Ligula Curabitur congue tellus nisl at consequat metus augue tincidunt congue. Interdum pellentesque tellus leo accumsan nascetur ligula eget tincidunt congue elit. Ut fringilla elit mauris egestas id tempus ipsum Aenean Lorem urna. Feugiat porttitor vitae semper non nibh id Morbi et id ut. Pellentesque libero vitae Integer volutpat Curabitur interdum auctor.
</div>
</div>
</div>
</body>
</html>
Die Stylesheet Definitionen:
body {
margin: 0;
padding: 0;
font: 0.7em Arial, Helvetica, sans-serif;
background: #ddd url(bg_tribal.gif) repeat-x scroll;
}
#container {
width: 720px;
/* height: 100%; */
border-left: 1px solid #666;
border-right: 1px solid #666;
background-color: #ddd;
margin: auto auto;
}
#header {
background-color: #000;
color: #fff;
height: 150px;
}
#logo {
float: left;
background-color: #000;
width: 500px;
height: 150px;
}
#aktionen {
float: right;
color: #f00;
background-color: #999;
width: 220px;
height: 150px;
padding: 0;
margin: 0;
}
#aktionen p {
text-align: center;
margin: -40px 0 0 -60px;
position: relative;
top: 50%;
left: 50%;
width: 100px;
height: 60px;
background: transparent url(pdficon_large.gif) no-repeat scroll 40px 30px;
background-color: #fff;
padding: 10px;
}
#leiste {
clear: both;
}Folgender Effekt: Firefox stellt alles richtig dar (lange nicht fertig!), d.h. hier wird <div id="containter"> + Inhalt richtig dargestellt - und zwar mittig.
Internet Explorer? Pah! Der macht natürlich, was er will. Und das ist - alles linksbündig. Egal, ob ich die floats drinnen lasse oder nicht, ist im schlichtweg wurscht.
Auch der Rest der Sachen, die ich bereits versucht habe, einzurichten, sind ihm egal. Firefox hingegen tut wie ihm geheissen.
Kann mir wer erklären warum? Und warum in aller Welt wird dieser doofe Internet Explorer noch immer mit $so hohem Marktanteil unterstützt?
Jedes CSS Design könnte so einfach sein ohne Hacks und Notlösungen ....
Danke jedenfalls an die, die versuchen, mir da rauszuhelfen. Mag vielleicht an der späten Stunde liegen, aber ich weiß jetzt nimmermehr, was ich noch ändern kann, damit alles mittig ist...
Gruß, B.