Witam.

Mam stronę z menu w css'ie i jak jakaś podstrona wychodzi po za margines pionowy (pojawia się suwak do przeciągania strony po prawej stronie) - całość strony mi się przesuwa w bok...

Jak zrobić, żeby ta strona mi się nie przesuwała?

Kod daj?

style.css:

[HTML] pobierz, plaintext 
body{
    font-size: 16px; /* @ EOMB */
    font-size: 100%;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0 auto;
    background	: url(images/back_tlo.jpg);
}
#PRZED_KONTENER{
    margin: 0 auto;
    width: 1000px;
}
 
#KONTENER{
    margin: auto;
    width: 1000px;
    background	: url(images/tlo1.png) no-repeat; 
    position:absolute;    
}
 
#W_KONTENER{
    margin: auto;
    width: 810px;
}
[HTML] pobierz, plaintext 

strona www:

[HTML] pobierz, plaintext 
<div id="container-5">
            <ul>
                <li><a href="#fragment-13"><span>Home</span></a></li>
                <li><a href="#fragment-14"><span>Usługi</span></a></li>
                <li><a href="#fragment-15"><span>Hosting</span></a></li>
                <li><a href="#fragment-16"><span>Pozycjonowanie</span></a></li>
                <li><a href="#fragment-17"><span>Projektowanie stron www</span></a></li>
                <li><a href="#fragment-18"><span>Sprzedaż</span></a></li>
                <li><a href="#fragment-19"><span>Usługi sms</span></a></li>
                <li><a href="#fragment-20"><span>Kontakt</span></a></li>
            </ul>
            <div id="fragment-13">
                Use a combined slide and fade effect to switch tabs:
                <pre><code>$('#container').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'fast' });</code></pre>
            </div>
            <div id="fragment-14">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
 
            </div>
            <div id="fragment-15">
                <img src="images/klawiatura.jpg" width="300" height="250" border="0" style="float: left; padding-right: 10px;">
                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
            </div>
[HTML] pobierz, plaintext 

dokładnie chodzi o wyboldowany kod...

daj ->


position:absolute nie używamy , od tego sa marginesy+floatowanie.

/edit pokaz mi jak to wyglada na obrazku

absolute wywaliłem *
{margin: 0px;
padding: 0px;
}
dodałem i dalej nic

Poprawnie jest:

[CSS] pobierz, plaintext 
* {
	margin: 0;
	padding: 0;
}
[CSS] pobierz, plaintext 

Musisz podać szerokość strony minus szerokość paska przewijania i wyświetlać go ciągle za pomocą:

[CSS] pobierz, plaintext 
html {
	overflow-y: scroll;
} 
[CSS] pobierz, plaintext 

Kshyhoo dzięki:

[HTML] pobierz, plaintext 
html {
   overflow-y: scroll;
} 
[HTML] pobierz, plaintext 

rozwiązało mój problem.
Jeszcze raz wielkie dzięki

Nie ma za co, to samo uzyskałbyś wpisując odpowiednią frazę u wujka Google Szybciej i prościej. Może html5 albo css3 coś nowego wniesie w "skakanie" pasków, choć przeglądając ostatnio dostępne już specyfikację, nic nie znalazłem...