ugrás a tartalomhoz

IE-ben felbontás és/vagy nézet kicsinyítés hatására eltolódik az oldal képe

tashubanya · 2012. Okt. 16. (K), 15.30
itt látható az "eltolódás".

Css-ben érzem a problémát, pontosabban abban, hogy van egy többlépcsős, lenyíló menüm (nav dobozban), amit ha használok csak akkor jelentkezik ez a probléma.
A html:
<ul>  
<li><a href="eskuvo.htm"><img src="images/eskuvo_menu.png" /></a>
<ul>
<li><a href="eskuvo1.htm" ><img src="images/galeria1_menu.png" /></a></li>
<li><a href="eskuvo2.htm" ><img src="images/galeria2_menu.png" /></a></li>
<li><a href="eskuvo3.htm" ><img src="images/galeria3_menu.png" /></a></li>
</ul>
</li>
</ul>
A css:
* {
	margin: 0;
	padding: 0;
}

body {
	background: #2B1500;
	background-repeat: no-repeat;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
}
#wrapper { 
	margin: 20px auto 20px auto;
	width: 850px; 
	height: 475px;
	background: #8F7860;
	border: 1px solid #D1BCA7;
}

#content { 
	float: right;
	width: 700px; 
	min-height: 425px;
	background-image: url(../images/content.jpg);
	background-repeat: no-repeat;
}


#header {
	width: 850px;
	height: 50px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

#nav{
	float: left;
	width: 150px;
	height: 425px; 
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
}
#nav ul { 
	list-style-type: none;  
}  

#nav ul li {  
	width: 150px;  
      
}  
    
#nav ul li a {  
	width: 150px;  
	height: auto; 
}
 
#nav ul li a {  
	width: 150px;  
	height: auto; 
}
 
#nav ul ul {  
	position: relative;
	width: 150px;  
	display: none;
	height: 100%;
}  
   
#nav ul li:hover ul{  
	display: block;
		   
} 
 
#nav ul li ul a:hover{  
	display: block;
}  

#nav a:hover { 
 }  
   
#nav a {  
    display: block;  
    margin: 0;  
}  
   
#nav li {  
    position:relative;  
    width: 150px;  
}
A margin-tól, a padding-on át a position-ig mindent próbáltam állítani, de nem jövök rá a megoldásra.
Biztos kiböki a szemem, de ha 1 év alatt nem jöttem rá, gondoltam segítséget kérek...

Nagyon szépen köszönöm előre is, ha valaki foglalkozik a kérdéssel!!
‹ Jquery Dojo 1.8 - Custom build - CSS-t is de hogyan? ›
 ■
1

Szerintem tartalmat befogó

hunkris · 2012. Okt. 16. (K), 15.35
Szerintem tartalmat befogó divnek kéne min width értéket adni.
2

min-width

tashubanya · 2012. Okt. 16. (K), 15.49
Szia!
Sajnos attól az egész szétcsúszik.
De nem a menüvel lesz a gond!
Az már biztos, mert lepucoltam és úgy sem jó, tehát css.
3

Böngészőm elavult?

tashubanya · 2012. Okt. 16. (K), 16.05
Megnéztem a nagyok oldalait is, és azok is "elmásznak", többek közt a weblabor is.
Azt hiszem régen lett az explorer frissítve a gépemen-mivel nem használom, ezért, ha nincsen más magyarázat a jelenségre, törölnétek ezt a témát, hogy ne legyen itt egy olyan felvetés, ami értelmetlen?
Köszönöm előre is, és elnézést, hogy nem voltam elég körültekintő!
4

Mások is használhatnak régi

Hidvégi Gábor · 2012. Okt. 16. (K), 16.22
Mások is használhatnak régi böngészőt, miattuk érdemes foglalkozni a problémával.
5

Probléma

tashubanya · 2012. Okt. 16. (K), 16.29
Örülök, hogy valós a probléma.
Így is eléggé szégyellem magam, hogy ilyen apróságon akadok el :(
6

A position: relative;-t írd

KMartinR4 · 2012. Nov. 2. (P), 18.42
A 
position: relative;
-t írd át 
position: absolute;
-ra. A relatív pozíciót az IE nem kezeli jól. Még a 8 se, pláne, ha régebbi...

Természetesen ezután meg kell adnod, hogy mennyivel lejjebb vagy följebb fognak megjelenni az almenük, de így nem fog elcsúszni az oldal... Mármint, ha ez a probléma forrása.