Strona na divach, układ


(Mariohouseboy) #1

Witajcie, mam problem z układem stronki na divach.

Chcę by moja strona wyglądała mniej więcej tak ->

Bez%20nazwy-1.jpg

Rozpisałem sobie to :

Chcę byc menu górne, header, drugie menu miały stała szerokość, długość, było pod sobą bez odstępów. Cały page był to obszar na tekst, a kolumny left, right byly dwoma polami dzielacymi stronę w danym obszarze, potem stopka. Grzebalem sobie troche w kodzie :

*{margin:0px;padding:0px}


body {

background:url(../images/bg.jpg);

background-repeat:repeat;

text-align:center;

}



#strona {

min-width:760px;

max-width:970px;

width:auto !important;

width:970px;

margin:auto;

margin-top:10px;

text-align:left;

background-color:#fff;

position: relative;

}




#nawigacja {

width:100%;

float:right;

background-color:#white;

list-style:none;

font-family:Georgia, serif;

}



#naglowek {

clear:both;

font-family: Georgia, serif;

background:url(../images/header.jpg) 0 0 no-repeat;

background-color:#fff;

width:970px;

height:113px;

}


#menu_top {

clear:both;

font-family: Georgia, serif;

background:url(../images/menu.jpg) 0 0 no-repeat;

background-color:#fff;

width:970px;

height:48px;

}


}



#zawartosc {

float:left;

background-color:#fff;

width:100%;

font-family:Arial, Verdana, Helvetica, sans-serif;

font-size:.8em;

color:#222;

}


#tresc_strony {


float:left;

text-align:left;

width:100%;

overflow:hidden;

margin-bottom:50px;

padding-bottom::50px;

}


#tresc_strony h2 {

font:normal 2em/1.5em Georgia,serif;

color:#black;

padding:15px 10px 15px 0;

}


#tresc_strony p { 

padding-bottom:1em;

line-height:1.4em;

}


#tresc_strony p a, #tresc_strony p a:visited {

text-decoration: none;

color:#black;

}


#tresc_strony p a:hover {

color:#black;

text-decoration:underline;

}



}


/* koniec tresci strony */



/* stopka */


#stopka {

float:left;

width:100%;

height:51px;

background-image:url(../images/footer.jpg);

border-top:2px solid #99b0c8;

}


#stopka p {

font:normal 0.7em Arial,Verdana,Helvetica,sans-serif;

color:#444;

text-align:center;

padding: 2px 0 0 0;

}

Wszystko pieknie cacy ale do momentu page, jak wstawić pod page dwa pola a potem stopkę?


(Gabriellos94) #2

HTML:


(Grzesie K) #3