Mam takie pytanko, jak zrobić żeby długość strony zależała od zawartości, ale żeby zawsze prawa kolumna, była równa lewej kolumnie. Już dokładnie tłumacze jak u mnie to wszystko wygląda. Mam stronke zrobioną w divach i mam tam:
-nagłówek
-lewą kolumnę
-prawą kolumnę
-stopkę
w lewej kolumnie mam menu, a w prawa się zmienia w zależności od wyboru w menu. I teraz chciałbym żeby lewa kolumna i prawa zawsze były równe (tzn kończyły się w tym samym miejscu) a wielkość ich żeby się zmieniała w zależności od zawartości prawej kolumny.
plik ze stylami:
* { padding: 0; margin: 0; }
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font color: #0056E8;
background: #A7C2D5;
}
a { text-decoration: none }
a:link { color: #0000FF }
a:visited { color: #1E1EAD }
a:hover { text-decoration: underline }
a:active { color: #FFFFFF }
#strona {
margin: 0 auto;
width: 758px;
}
#naglowek {
color: #333;
width: 736px;
float: left;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 15px 0px 0px 0px;
background-image:url('naglowek1.JPG');
}
#lewakolumna {
color: #333;
border: 1px solid #A3C3FF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 710px;
width: 180px;
float: left;
background-image:url('lewakolumna.jpg');
}
#prawakolumna {
float: right;
color: #333;
border: 1px solid #A3C3FF;
background: #CCE6FF;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 710px;
width: 534px;
display: inline;
}
#stopka {
font-size: 9pt;
width: 736px;
clear: both;
color: #333;
border: 1px solid #A3C3FF;
background-image:url('stopka.jpg');
margin: 0px 0px 10px 0px;
padding: 10px;
}