Jedyne na co wpadłem to prawy border dla dolnego diva, i byłoby dobrze gdyby zakończenie nie wskakiwało na doł, ale chyba wpadłęm na pewien pomysł, link który dałaś to "fixed width" czyli mam rozumieć szerokość, mi natomiast chodzi o wysokość

Spróbuję zrobić tak jak wymyśliłem a potem się zobaczy.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <meta name="Description" content=""> <meta name="Author" content="Maxik [maxik@wr-pl.com]"> <meta name="Keywords" content=""> <meta name="Generator" content="CoreEditor"> <link rel="stylesheet" href="styles.css" type="text/css"> <script type="text/javascript" src="js/mintAjax.js"></script> <div id="logo"><img src="images/layout_03.jpg" alt="WarRock Premium by PyToN™"></div> <div id="goraminicennik"><img src="images/layout_04.jpg" alt=""></div> <div id="trescminicennik"></div> <div id="main">Lorem ipsum dolor sit amet enim. Etiam ullamcorper.
<br> Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.
<br> Curabitur et ligula. Ut molestie a, ultricies porta urna.
<br> Vestibulum commodo volutpat a, convallis ac, laoreet enim.
<br> Phasellus fermentum in, dolor. Pellentesque facilisis.
<br> Nulla imperdiet sit amet magna.
<br> Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi.
<br> Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus.
<br> Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing.
<br> Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam.
<br> Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus.
<br> Ut sagittis, ipsum dolor quam.
</div> <div id="menu">Lorem ipsum dolor sit amet enim. Etiam ullamcorper.
Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.
Curabitur et ligula. Ut molestie a, ultricies porta urna.
</div> <div id="koniecmain"><img src="images/layout_10.jpg" alt=""></div> <div id="koniecmenu"><img src="images/layout_11.jpg" alt=""></div> <div id="stopka"><img src="images/stopka.png" alt="Design&Code by Maxik"></div>
Tak wygląda kod strony, wymyśliłem prawy border dla diva o id dol, ale nie wiem czemu tego bordera nie ma.
Kod
html, body {
background-color: #000000;
margin: auto;
padding: 0;
font-family: Tahoma, Verdana;
color: white;
font-size: 11px;
}
#content {
width: 900px;
margin: 20px auto 0 auto;
}
#logo {
height: 210px;
width: 580px;
float: left;
}
#minicennik {
float:left;
}
#trescminicennik {
border-right: 3px solid #92888A;
border-bottom: 3px solid #92888A;
width: 299px;
height: 194px;
}
#dol {
clear: both;
height: 100%;
border-right: 3px solid #92888A;
}
#main {
float: left;
width: 570px;
border-right: 3px solid #92888A;
border-left: 3px solid #92888A;
padding: 5px 2px 0px 2px;
}
#menu {
float: left;
padding: 5px 2px 0px 2px;
width: 295px;
height: 100%;
}
#zakonczenie {
clear: both;
}
#koniecmain {
float: left;
width: 580px;
}
#koniecmenu {
float: left;
width: 302px;
}
#stopka {
clear: both;
}
Tak wygląda styles.css
Napewno to jakiś mały błąd którego ja nie widzę, proszę o pomoc.