mam cos takiego
<BODY>
<LINK REL="stylesheet" HREF="style.css" TYPE="text/css">
<div id=all>
<div id=top><!--top-->
<div id=logo><!--logo--><br>logo <br></div>
<div id=tlo><!--tlo-->tlo <br> <br> <br></div>
<div id=login><!--login-->login <br> <br></div>
</div>
<div id=middle><!--middle-->s dsadssdsdsds dsdsdsdsdsd
<div id=left><!--left-->
<div id=szuk><!--szuk--> <br>szuk <br></div>
<div id=map><!--map--> <br>map <br></div>
<div id=rekl1><!--rekl1--> <br>rekl1 <br></div>
<div id=tekst><!--tekst--> <br>tekst <br></div>
<div id=new><!--new--> <br>new <br></div>
</div><!--left end-->
<div id=prawa><!--prawa-->
<div id=rekla2><!--rekl2--> <br>rekl2 <br></div>
<div id=promo><!--promo--> <br>promo <br></div>
</div><!--prawa-->
</div><!--middle-->
<div id=bottom><br>bottom<br></div>
</div><!--all-->
i styl do tego
html, body {
color: Black;
font-family: Verdana, Georgia, "Times New Roman", Times, serif;
font-size: 99.5%;
line-height: 1.4;
text-align: left;
margin:auto;
padding-left: 5em;
background-color: Gray;
}
#all {
width: 1000px;
overflow: hidden;
}
#top {
width: 1000px;
height: 148px; /* background-image: url(gfx/bg_top_6.jpg);*/
background-repeat: repeat-x;
border: 1px solid;
border-color: #00003E;
overflow: hidden;
position: static;
}
#logo {
width: 340px;
height: 148px;
float: left;
border: 1px solid;
border-color: #FF9000;
overflow: hidden;
}
#tlo {
width: 460px;
height: 148px;
float: left;
border: 1px solid;
border-color: #FF9E3E;
overflow: hidden;
}
#login {
width: 200px;
height: 148px;
float: left;
border: 1px solid;
border-color: #FF9E3E;
overflow: hidden;
border: 1px solid;
border-color: #FFFF66;
clear: both;
}
#middle {
width: 1000px;
overflow: hidden;
position: static;
}
#left {
width: 660px;
float: left;
border: solid;
border-color: #F00E3E;
overflow: hidden;
}
#szuk {
width: 230px;
float: left;
border: solid;
border-color: #FF9E3E;
overflow: hidden;
}
#map {
width: 230px;
float: left;
border: solid;
border-color: #FF9E3E;
overflow: hidden;
}
#rekl1 {
width: 99%;
float: left;
border: solid;
border-color: #FF9E3E;
overflow: hidden;
}
#tekst {
width: 99%;
float: left;
border: solid;
border-color: #FF9E3E;
overflow: hidden;
}
#new {
width: 99%;
float: left;
border: solid;
border-color: #FF9E3E;
overflow: hidden;
}
#prawa {
width: 32%;
float: left;
border: solid;
border-color: #009E3E;
overflow: inherit;
}
#rekla2 {
width: 99%;
height:140px;
float: left;
border: solid;
border-color: #FF9E3E;
overflow: hidden;
}
#promo {
width: 100%;
float: none;
border: solid;
border-color: #FF9E3E;
overflow: hidden;
}
#bottom {
width: 90%;
clear: both;
border: solid;
border-color: #FF9E3E;
overflow: hidden;
}
czy moze ktos mi powiedziec co nalezy zmienic aby wyswietlalo sie poprawnie w ie i firefoxie, no moze operze tez.?
czy jesli div zawiera w sobie inne divy to czy one moga miec lączna szerokosc rowna temu zawierajacemu?
w jaki sposob jesli nie mozna napisac poprawnie stylu dla wszystkich przegladarek wyswietlic osobny styl dla kazdej z nich?
a moze ktos z was ma konkretny link do jakiegos dokladnego opisu pozycjonowania divow?
a btw ramki w stylach sa tak dla wizualizacji, normanlnie by ich nie bylo.