podwójny suwak

[d3d3d3]

Witam
Mam problem z podwójnym suwakiem

wygląda to tak :


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!

[nst]

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

[camelrafal]

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

[hieroshima]

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

[Pluto]

Dopisz do css.

background: #fff repeat;