[CSS]Dwie kolumny z jednym tłem w CSS. Opcje

[groobyy88]

Witam Was,
właśnie zacząłem moją przygodę z CSS i mam następujący kłopot, a raczej brak wiedzy, a kombinowanie już nic nie daje.

Tworzę witrynę w której mam z lewej strony menu, a obok z prawej wyświetlać mają mi się wartości.

I tu się rodzi mój problem, ponieważ chciałbym uzyskać taki efekt, że nie zależnie na długość menu lub drugiej kolumny tło jest dostosowywane do dłuższej z nich, czyli menu dłuższe tło jest długości menu, prawa kolumna dłuższa tło długości prawej kolumny.

Z góry dziękuje za zainteresowanie i pomoc.

Pozdrawiam Łukasz. (IMG:style_emoticons/default/smile.gif)

[PeeSDeOeN]

Kolega z gory napisal w miare dobrze lecz nie opisal przydatnych funkcji w CSS.
Ja na ten przyklad mam 1 duzy div a w nim 3 mniejsze i teraz opisze ci co i jak (IMG:style_emoticons/default/smile.gif)

CODE

#index { background: url('images/index.png'); width: 1200px; height: auto; padding: 0px; margin-left: auto; margin-right: auto; }

#lewa { float: left; text-align: center; margin: 0px; padding: 0px; width: 200px; height: 200px; margin-left: auto; margin-right: auto; }

#srodkowa { float: left; text-align: center; margin: 0px; padding: 0px; width: 730px; height: 200px; margin-left: auto; margin-right: auto; }

#prawa { float: right; text-align: center; margin: 10px; padding: 0px; width: 270px; height: 200px; margin-left: auto; margin-right: 50px; }

#nazwa jest tym samym co wpisujesz w id=" "
float: do ktorej stron ma przylegac dany div

I teraz Jesli chcesz aby tlo rozchodzilo sie na oba divy ustawiasz w stylu do glownego diva background: url('images/tlo.png');
polecam wtedy takze stosowac width: szerokoscpx; height: wysokoscpx; [Szczegolnie dla wiekszych obrazow tla]
Jesli natomiast tlo masz w postaci 5x5px lub podobne i chcesz je powielac to proponuje wstawiac background: url('images/tlo.png'); w divie lewym i prawym (IMG:style_emoticons/default/smile.gif)
Wtedy bedziesz mogl takze uzyc margin: ilepx; co oddali od siebie ramki i bedzie ladniej wygladac przy zastosowaniu layoutu (IMG:style_emoticons/default/smile.gif)
padding: ilepx; nie wiem czy moge to tak ujac lecz jest to "opadanie ramki" czasami wyglada fajnie lecz zazwyczaj nie (IMG:style_emoticons/default/tongue.gif) [mozesz sprobowac] i najwyzej pozniej usunac jak nie bedzie ci sie podobalo (IMG:style_emoticons/default/smile.gif)


Mam nadzieje ze tyle ci pomoze w pracy nad stronka (IMG:style_emoticons/default/smile.gif)