Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
podwójny suwak - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: podwójny suwak (/thread-podwojny-suwak)

podwójny suwak - d3d3d3 - 03-07-2012

Witam
Mam problem z podwójnym suwakiem

wygląda to tak :[Obrazek: 1.jpg]


nie chcę żeby się scrollowała, chcę żeby tło się powtarzało i strona rozciągała się na wysokość do długości treści tekstu

(index.html, div odpowiedzialny za tą ramkę która się skrolluje)
Kod:
<div NAME="main" ID="main">
    <IFRAME NAME="maine" HEIGHT="100%" WIDTH="700" frameborder="0" src="porady.html"></IFRAME>
</div>

css
Kod:
body {
    width: 800px;
    height: 100%
    padding: 0;
    margin: 0 auto;
    font-family: Verdana;
    font-size: 5px;
    color: #737373;
    line-height: 19px;
    

}

p {
    margin: 0;
    padding: 0;
}


img {
    border: 0;
}



#top {
    width: 800x;
    height: 239px;
    margin: 0;
    padding: 0;
    align: right;
        background-image: url(../top.jpg);
}


#pics {
    width: 800x;
    height: 155px;
    margin: 0;
    padding: 0;
    align: right;
        background-image: url(../pics.jpg);
    
}


#menu {
    width: 800x;
    height: 49px;
    margin: 0;
    padding: 0;
    align: right;
        background-image: url(../menu.jpg);
    
}


#menuright {
    width: 471x;
    height: 41px;
    margin: 0;
    padding: 0;
    align: left;
    float: left;
        background-image: url(../menuright.jpg);
    
}
#menuleft {
    width: 329x;
    height: 41px;
    margin: 0;
    padding: 0;
    align: right;
    float: left;
        background-image: url(../menuleft.jpg);
    
}



#space {
    width: 800x;
    height: 40px;
    margin: 0;
    padding: 0;
        background: url(../space.jpg);
}

#main {
    width: 800x;
    height: 100%;
    margin: 0;
    padding: 0;
    background: url(../main.jpg)  background-repeat: repeat-ys;
    iframe { overflow: hidden; }
    main { overflow: hidden; }
}


#foot {
    width: 800px;
    height: 95px;
    margin: 0;
    padding: 0;
        background: url(../foot.jpg) no-repeat;

}

#left {
    width: 431px;
    height: 547px;
    margin: 0;
    padding: 0;
    align: left;
    float: left;
        background: url(../left.jpg) no-repeat;

}

#right {
    width: 469px;
    height: 547px;
    margin: 0;
    padding: 0;
    align: right;
    float: right;
        background: url(../right.jpg) no-repeat;

}

#frame {
    width: 900px;
    height: 375px;
    margin: 0px;
    padding: 0px;
    background: url(../tloflash.jpg) no-repeat;
}

#cu3er-container {
    width: 798px;
    height: 348px;
    margin: 0px;
    padding: 0px;
    outline: 0;
    align: center;
    
}

#shadow {
    width: 819px;
    height: 70px;
    margin: 0;
    padding: 0;
    background: url(../img/shadow.png) no-repeat;
}


a, a:hover, a:hover {


                          color: red;

                          text-decoration: none;

}

#footer p {
    text-align: center;
    padding: 25px;
    text-shadow: 1px 1px 0px #ffffff;
}

będę[/quote] bardzo wdzięczny za pomoc!

RE: podwójny suwak - nst - 03-07-2012

Treść umieść w divie a nie w ramce i problem będzie rozwiązany.

RE: podwójny suwak - camelrafal - 03-07-2012

z tego co wiem to nawet google nie lubi ramek a google wie co dobre Wink

RE: podwójny suwak - hieroshima - 10-07-2012

po co overflow:hidden skoro chce, żeby strona się normalnie rozciągała na tyle ile ma tekstu? Wystarczy zapakować treść w div

RE: podwójny suwak - Pluto - 17-07-2012

Dopisz do css.

background: #fff repeat;