pozycjonowanie divow

0

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.

0

Problem jest taki, że nie napisałeś co jest nie tak. Skąd ja mam wiedzieć, jak ci się to wyświetla?

Przyjmuje się, że div powinien być nieco mniejszy od swojego rodzica. Ale to też zależy od przeglądarki, nie spotkałem się z błędnym wyświetlaniem strony przy ustawieniu szerokości wewnętrznego div'a na taką samą jak rodzica, po FF czy IE.

Prawdopodobnie nigdy nie napiszesz strony, która działałaby na wszystkich przeglądarkach (chyba, że ma to być strona ultra uproszczona). Można za to wykonać stronę, która działa na wszystkich najpopularniejszych.
W sieci jest wiele fragmentów kodu, które dodajesz do klas lub w sekcji header i dbają o to by wpisane przez ciebie parametry strony były odpowiednio wyświetlane.

1 użytkowników online, w tym zalogowanych: 0, gości: 1