hab nen riesen Problem. Sitze seit ca 2 Tagen schon dran.
Unzwar möchte ich eine Seite mit folgendem Aufbau erstellen:
Nur leider funzt dieses nur bedingt da es IE anders als im FF aussieht
Mein Quellcode:
- Code: Alles auswählen
<body>
<div id="content" class="clearfix">
<div id="contentleft">
<p>Sinnlostext di</p>
</div>
<div id="contentright">
<p>Sinnlostext die erste! Ist nur zum Testen
wie lang die Teile denn nun wirklich gehen ;) Warum tuts das denn nun nicht?</p>
</div>
</div>
</body>
Meine CSS:
- Code: Alles auswählen
body
{ background: #060606 url(bg1.jpg);
padding: 0px;
margin-top: 150px;
text-align: center; }
#content
{ text-align: left;
margin: 0 auto;
width: 750px;
background-color: #FFFFFF;
font-size: 11px;
font-family: Verdana;
color: #474747;
text-decoration: none;
line-height: 16px ;
padding: 0px; }
#contentleft
{ float: left;
width: 500px;
margin: 0px;
background-color: #ff8800;
margin: 15px 15px 15px 15px;
padding: 0px; }
#contentright
{ width: 205px;
float: right;
margin: 15px 15px 15px 0px;
background-color: #88ff00;
padding: 0px; }
.clearfix:after
{ content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
Und hier gehts zur Seite:
http://bfit5a.bf.funpic.de/webseite/
Die Contents sind Farbig zum erkennen.
Soll nachher alles weiß sein.
Mit padding habe ich schon versucht aber da verschiebt FF das ganze um den Wert nach innen und IE macht das ganze um den Wert breiter. Bin ratlos
Über ne Antwort würde ich mich sehr freuen.
mfg
![;-]](./images/smilies/icon_impudently.gif "Extrem frech"){kind=icon}
Der Abstand in der Mitte ist durch die festen Breiten dann automatisch da.