délka přes 800px

Chci se zeptat. Mám hlavičku o délce 815px. Jak se bude zobrazovat uživatelům kteří mají 800x600? Budou muset skrolovat vodorovně nebo se to zkrátka usekne? Není nějaká metoda, která by se při rozlišení 800x600 automaticky přuzpůsobila rozlišení obrazovky? Jako javaskript nebo něco podobného?

jelikož pokud na to koukám při rozlišení 800x600 tak se to totálně rozhodí. Pravý sloupec je pod levým ap. Není spíše možnost aby se stránka přizpůsobovala automaticky rozlišení uživatele?

hlavička
levý sloupec,pravý sloupec
patička

pevně

a to procentuálně by bylo jak?

páč bych musel zmenšit i zbytek a to by zdeformovaly nejen buttony a to bych musel všechny buttony zmenšit atd.

no jenže mě se to při 800x600 celé rozhodí. Každý blok začíná odleva a řadí se pod sebe. Nemůže to být divama?

takže tím pádem nepomůže jen zmenšit rozměr ale i nahradit divy?

takže když by měla hlavička, levý sloupec, pravý sloupec a patička dohromady třeba 500x400 tak by to mělo vypadat asi takle? <div width="500" height="400">hlavička levý sloupec pravý sloupec patička</div> ?????

jasné a to height vynechat úplně nebo zapsat taky a nechat nulovou hodnotu?

díky mockrát

Další problém. Oba sloupce jsem dal do společného divu, ale v mozille se to rozhodilo chaoticky :( nevím co s tím.

nemám to na netu pomůže css když sem zkopíruji?

body
{
text-align:center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

<style>

#all
{
width:770px;
text-align:left;
margin:0 auto;
}
#hlavicka
{
width:770px;
height:130px;
float:left;
margin-top:45px;
margin-left:95px;
background-image:URL('images/piceddahl.jpg');
border:0px solid white;
}
#submenu
{
width:540px;
height:20px;
float:left;
margin-left:0px;
background-color:transparent;
border:0px solid black;
}
#levysloupec
{
width:540px;
height:400px;
float:left;
margin-left:95px;
background-image:URL('images/pic1.jpg');
border:0px solid white;
}
#pravysloupec
{
width:230px;
height:400px;
float:left;
background-image:URL('images/pic2.jpg');
border:0px solid white;
}
#paticka
{
width:770px;
height:85px;
float:left;
margin-left:95px;
background-image:URL('images/pic3.jpg');
border:0px solid white;
}
</style>