Rozmieszczenie div-ów, Problem jak zwykle z IEww Opcje

[Aztech]

Mam problem z pozycjonowaniem div-ów, można zobaczyć to TUTAJ
Chodzi konkretnie o to, że sekcja o id="middle" nie chce sie znalezc w IE w srodku a powinna, eksperymentowalem juz z marin: 0px auto, ustawieniami left, z position i dalej nic, ktos ma jakiś pomysł?
Jesli komuś nie chce się zaglądać to tutaj podaje kod
HTML

[HTML] pobierz, plaintext 
<div id="wrapper">
<div id="menubar"></div>
<div id="logotop"></div>
<div id="logobottom"></div>
<div id="inside">
	<div id="right"></div>
	<div id="left"></div>	
	<div id="middle"></div>		
</div>
<div id="footer"></div>
</div>
[HTML] pobierz, plaintext 

CSS2

[HTML] pobierz, plaintext 
/**************************************************************/
/* ogólne ustawiania tlo, cala strona, obrazki oraz odnosniki */
/**************************************************************/
 
 
html { 
	min-width: 760px;
}
 
img	{
	border: 0;
}
 
body	{
	margin: 0;
	padding: 0;
	border: 0;	
	background: #FBBA25;
	text-decoration: none;
	color: #333;
	font: 14px  "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
}
 
a {
	color: #6B967C;
	font-weight: normal;
	text-decoration: none;	
}
 
a:hover {
	color: #3B6B4D;	
	border-bottom: 1px dashed #3B6B4D;
}
 
/**************************************************************/
/* SEKCJE																		 */
/**************************************************************/
 
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 794px;	
}
 
#menubar {
	margin: 0px;
	padding: 0px;
	width: 794px;
	height: 42px;
	background-image: url(../graph/menubar.gif);
}
 
#logotop {
	margin: 0px;
	padding: 0px;
	width: 794px;	
	height: 107px;
	background-image: url(../graph/logo_middle.gif);	
}
 
#logobottom {
	margin: 0px;
	padding: 0px;
	width: 794px;	
	height: 40px;	
	background-image: url(../graph/logo_bottom.gif);	
}
 
#inside {
	margin: 0px;
	padding: 0px;
	height: 292px;		
	width: 794px;		
}
 
#footer {
	margin: 0px;
	padding: 0px;
	width: 794px;	
	height: 23px;			
	background-image: url(../graph/footer.gif);		
}
 
#left {
	margin: 0px;	
	padding: 0px;
	width: 242px;
	height: 292px;
	background-image: url(../graph/left.gif);		
	position: relative;	
	top: 0px;	
	float: left;
}
#middle {
	margin: 0px;
	padding: 0px;
	width: 342px;
	height: 292px;	
	background-image: url(../graph/middle.gif);		
	left: 242px;
	top: 0px;
	position: relative;
}
#right {
	margin: 0px;	
	padding: 0px;
	width: 212px;
	height: 292px;	
	background-image: url(../graph/right.gif);			
	top: 0px;	
	position: relative;	
	float: right;
}
[HTML] pobierz, plaintext 

Ten post edytował Aztech 17.06.2005, 10:21:12

[revyag]

Nie wiem po te position relative, to zbędny kod, bo można się obejść bez tego.

Zrób tak: (mała optymalizacja)

Kod

#left,#middle,#right {
    float:left;
    margin:0
    padding:0;
    height:292px;
}
#left {
    width: 242px;
    background-image: url(../graph/left.gif);  
}
#middle {
    width: 340px;
    background-image: url(../graph/middle.gif);  
}
#right {
    width: 212px;
    background-image: url(../graph/right.gif);     
}

[HTML] pobierz, plaintext 
<div id="inside">
	<div id="left"></div>
	<div id="middle"></div>		
	<div id="right"></div>
</div>
[HTML] pobierz, plaintext 

Szerokość middle trzeba było zmniejszyć.

[Aztech]

Jakie to wszystko proste a z matematyki z dodawania miałem 5 . Dzieki, czasami potrzeba spojrzenia kogoś z boku, bo się człowiek tak zacuka i zapatrzy na co, że potem nic nie widzi