Witajcie, mam problem z układem stronki na divach.
Chcę by moja strona wyglądała mniej więcej tak ->
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ę?