[CSS] DIVy nachodzą na siebie pod FF i operą, pod IE6 jest OK Opcje

[AboutMe]

Witam,

Co jest nie tak z tą stroną

http://img337.imageshack.us/i/div.gif/


pod IE6 jest ok http://img641.imageshack.us/i/divm.gif/

[HTML] pobierz, plaintext 
#content {
    width: 630px;
    margin-left: 240px;
    padding: 10px 10px 10px 10px;
    font: 8pt Verdana, Arial, sans-serif;
    color: white;
}
 
#post {
    width: 623px;
    margin-top: 23px;
    padding: 10px 10px 10px 10px;
    border: 1px solid white;
    background: black; 
    text-align: justify;
}
 
#text {
    width: 500px;
    border: 1px solid white;
    float: left;
}
 
#info {
    width: 100px;
    float: top;
    float: right;
    border: 1px solid white;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="content">
 
 
<div id="post">
 
<div id="text">
Aenean tempor varius felis, id hendrerit mi eleifend eget. Morbi placerat fermentum lectus vitae faucibus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam eu elit turpis,
id lacinia libero. Pellentesque eu ante non urna rutrum facilisis. Curabitur porta dapibus risus ac malesuada.
Proin egestas urna ac lectus pellentesque congue. Praesent ut velit ipsum. Fusce volutpat, orci at commodo tempus,
quam nulla commodo tellus, eget sollicitudin dolor tortor ut nibh. Sed luctus lobortis porttitor. Maecenas a quam
lectus, vel sodales lectus. Phasellus vulputate sagittis ultrices. Maecenas est tellus, elementum sagittis viverra eu,
venenatis sit amet arcu. Mauris suscipit fermentum justo, facilisis elementum diam accumsan sit amet. Proin tempus sapien orci.
Sed diam erat, fermentum et ultrices in, lacinia quis nulla. In ut ligula eu urna pharetra rutrum in dictum velit.
Maecenas vehicula sem sit amet sapien facilisis sit amet bibendum augue iaculis. Fusce sit amet velit pulvinar nisi
pharetra euismod vitae eu turpis. Nulla risus lacus, viverra vel euismod at, lobortis eu leo.
</div><!--text-->
 
 
<div id="info">
Nulla risus lacus, viverra vel euismod at, lobortis eu leo.
</div><!--info-->
 
 
</div><!--post-->
 
<div id="post">Aenean tempor varius felis, id hendrerit mi eleifend eget. Morbi placerat fermentum lectus vitae faucibus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam eu elit turpis, id lacinia libero.
Pellentesque eu ante non urna rutrum facilisis. Curabitur porta dapibus risus ac malesuada. Proin egestas urna ac lectus pellentesque congue.
Praesent ut velit ipsum. Fusce volutpat, orci at commodo tempus, quam nulla commodo tellus, eget sollicitudin dolor tortor ut nibh.
Sed luctus lobortis porttitor. Maecenas a quam lectus, vel sodales lectus. Phasellus vulputate sagittis ultrices. Maecenas est tellus,
elementum sagittis viverra eu, venenatis sit amet arcu. Mauris suscipit fermentum justo, facilisis elementum diam accumsan sit amet.
Proin tempus sapien orci. Sed diam erat, fermentum et ultrices in, lacinia quis nulla. In ut ligula eu urna pharetra rutrum in dictum
velit. Maecenas vehicula sem sit amet sapien facilisis sit amet bibendum augue iaculis. Fusce sit amet velit pulvinar nisi pharetra
euismod vitae eu turpis. Nulla risus lacus, viverra vel euismod at, lobortis eu leo.
</div><!--post-->
 
<div id="post">Aenean tempor varius felis, id hendrerit mi eleifend eget. Morbi placerat fermentum lectus vitae faucibus. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam eu elit turpis, id lacinia libero. Pellentesque
eu ante non urna rutrum facilisis. Curabitur porta dapibus risus ac malesuada. Proin egestas urna ac lectus pellentesque congue.
Praesent ut velit ipsum. Fusce volutpat, orci at commodo tempus, quam nulla commodo tellus, eget sollicitudin dolor tortor ut nibh.
Sed luctus lobortis porttitor. Maecenas a quam lectus, vel sodales lectus. Phasellus vulputate sagittis ultrices. Maecenas est tellus,
elementum sagittis viverra eu, venenatis sit amet arcu. Mauris suscipit fermentum justo, facilisis elementum diam accumsan sit amet.
Proin tempus sapien orci. Sed diam erat, fermentum et ultrices in, lacinia quis nulla. In ut ligula eu urna pharetra rutrum in dictum
velit. Maecenas vehicula sem sit amet sapien facilisis sit amet bibendum augue iaculis. Fusce sit amet velit pulvinar nisi pharetra
euismod vitae eu turpis. Nulla risus lacus, viverra vel euismod at, lobortis eu leo.
</div><!--post-->
 
 
</div><!--content ends-->
[HTML] pobierz, plaintext 

Ten post edytował AboutMe 30.03.2010, 15:40:25

[krzysztof_kf]

Miałem trochę czasu to zrobiłem ci gotowy szablon działa włącznie z ie6 tylko szerokość sobie dopasuj jak chcesz itp itd ...

Kod

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<http equiv="Content-Type" content="text/html" charset=iso-8859-2" />
<http equiv="Content-Language" content="pl" />
</head>
<body>
<style>

body {
background: #000;
}

#content {
width: 800px;
margin: 0 auto;
}

#post {
width: 800px;
padding: 10px 10px 10px 10px;
float: left;
border: 1px solid #fff;
}

#text {
width: 600px;
float: left;
color: #fff;
border: 1px solid #fff;
padding: 10px 10px 10px 10px;
}

#text-info {
width: 100px;
float: left;
color: #fff;
margin: 0 0 0 10px;
padding: 3px 3px 3px 3px;
border: 1px solid #fff;
}

.post {
width: 800px;
float: left;
color: #fff;
border: 1px solid #fff;
margin-top: 10px;
padding: 10px 10px 10px 10px;
}

p {
margin: 0;
font-family: verdana;
font-size: 0.8em;
}
</style>
<div id="content">
<div id="post">
<div id="text">
<p>
Aenean tempor varius felis, id hendrerit mi eleifend eget. Morbi placerat fermentum lectus vitae faucibus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam eu elit turpis,
id lacinia libero. Pellentesque eu ante non urna rutrum facilisis. Curabitur porta dapibus risus ac malesuada.
Proin egestas urna ac lectus pellentesque congue. Praesent ut velit ipsum. Fusce volutpat, orci at commodo tempus,
quam nulla commodo tellus, eget sollicitudin dolor tortor ut nibh. Sed luctus lobortis porttitor. Maecenas a quam
lectus, vel sodales lectus. Phasellus vulputate sagittis ultrices. Maecenas est tellus, elementum sagittis viverra eu,
venenatis sit amet arcu. Mauris suscipit fermentum justo, facilisis elementum diam accumsan sit amet. Proin tempus sapien orci.
Sed diam erat, fermentum et ultrices in, lacinia quis nulla. In ut ligula eu urna pharetra rutrum in dictum velit.
Maecenas vehicula sem sit amet sapien facilisis sit amet bibendum augue iaculis. Fusce sit amet velit pulvinar nisi
pharetra euismod vitae eu turpis. Nulla risus lacus, viverra vel euismod at, lobortis eu leo.</p>
</div><!--text-->

<div id="text-info">
<p>Nulla risus lacus, viverra vel euismod at, lobortis eu leo.</p>
</div></div><!--info-->


<!--post-->

<div class="post"><p>Aenean tempor varius felis, id hendrerit mi eleifend eget. Morbi placerat fermentum lectus vitae faucibus.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam eu elit turpis, id lacinia libero.
Pellentesque eu ante non urna rutrum facilisis. Curabitur porta dapibus risus ac malesuada. Proin egestas urna ac lectus pellentesque congue.
Praesent ut velit ipsum. Fusce volutpat, orci at commodo tempus, quam nulla commodo tellus, eget sollicitudin dolor tortor ut nibh.
Sed luctus lobortis porttitor. Maecenas a quam lectus, vel sodales lectus. Phasellus vulputate sagittis ultrices. Maecenas est tellus,
elementum sagittis viverra eu, venenatis sit amet arcu. Mauris suscipit fermentum justo, facilisis elementum diam accumsan sit amet.
Proin tempus sapien orci. Sed diam erat, fermentum et ultrices in, lacinia quis nulla. In ut ligula eu urna pharetra rutrum in dictum
velit. Maecenas vehicula sem sit amet sapien facilisis sit amet bibendum augue iaculis. Fusce sit amet velit pulvinar nisi pharetra
euismod vitae eu turpis. Nulla risus lacus, viverra vel euismod at, lobortis eu leo.</p>
</div><!--post-->

<div class="post"><p>Aenean tempor varius felis, id hendrerit mi eleifend eget. Morbi placerat fermentum lectus vitae faucibus. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam eu elit turpis, id lacinia libero. Pellentesque
eu ante non urna rutrum facilisis. Curabitur porta dapibus risus ac malesuada. Proin egestas urna ac lectus pellentesque congue.
Praesent ut velit ipsum. Fusce volutpat, orci at commodo tempus, quam nulla commodo tellus, eget sollicitudin dolor tortor ut nibh.
Sed luctus lobortis porttitor. Maecenas a quam lectus, vel sodales lectus. Phasellus vulputate sagittis ultrices. Maecenas est tellus,
elementum sagittis viverra eu, venenatis sit amet arcu. Mauris suscipit fermentum justo, facilisis elementum diam accumsan sit amet.
Proin tempus sapien orci. Sed diam erat, fermentum et ultrices in, lacinia quis nulla. In ut ligula eu urna pharetra rutrum in dictum
velit. Maecenas vehicula sem sit amet sapien facilisis sit amet bibendum augue iaculis. Fusce sit amet velit pulvinar nisi pharetra
euismod vitae eu turpis. Nulla risus lacus, viverra vel euismod at, lobortis eu leo.</p>
</div><!--post-->


</div><!--content ends-->

</body>
   </html>

Ten post edytował krzysztof_kf 30.03.2010, 23:32:02