[Układ 3-kolumnowy] Dynamiczna szerokość kolumny Opcje

[404]

Witam (IMG:style_emoticons/default/smile.gif)

Mam układ 3 kolumnowy:

Kod

<div id="left"></div>
<div id="center"></div>
<div id="right"></div>

left oraz right mają po 225px. Problem w tym, że lewa kolumna czasami jest, a czasami jej nie ma. Chciałbym żeby, w przypadku kiedy jej nie będzie, kolumna środkowa rozszerzyła się o jej szerokość (czyli +225px). Dotychczas udało mi się osiągnąć tyle, że po zniknięciu lewej kolumny, kolumna środkowa wskakuje na jej miejsce :/ Mogę to zrobić z poziomu PHP i JS, ale wolałbym CSS. Prosiłbym was o jakieś wskazówki.

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

[kicaj]

Zastosuj szerokosci procentowe.

Najlepiej pokaz kod HTML i CSS na http://jsfiddle.net i przeslij link

[r4xz]

http://jsfiddle.net/MFLma/

usuń div#left i zobacz efekt, a potem http://www.kurshtml.edu.pl/css/elementy.html i poczytaj wszystko o selektorach (IMG:style_emoticons/default/wink.gif)

[404]

@kicaj: próbowałem na procentach, ale to nie to czego szukam (IMG:style_emoticons/default/tongue.gif) Jednak dzięki za odpwoiedź (IMG:style_emoticons/default/smile.gif)
@r4xz: magiku Ty jeden :* O to dokładnie mi chodziło! Dziękuję bardzo! (IMG:style_emoticons/default/smile.gif)

[Niktoś]

Nie wiem ,ale ten lay od r4xz fajnie się rozwala po minimalizacji przeglądarki.Ostatni blok sobie spada-pod spód.Z dynamiką szerokości nie ma to nic wspólnego,albo w błędzie jestem.
Tak jak kicaj mówi ,szerokości procentowe,pozycjonowanie relatywne.Tutaj przykład:
http://jsfiddle.net/MFLma/1/
Możesz ograniczać szerokości:
width:33%;
min-width:200px;

[r4xz]

@Niktoś, więcej krzyczysz niż wiesz... przeczytaj 1 post, a potem zobacz na swój kod. co do 'rozwalania' się na niskich rozdzielczościach - nie tego temat dotyczy (IMG:style_emoticons/default/wink.gif)

[Niktoś]

To jest także możliwe w relative,Twój pomysł jest dobry ,ale na relative byłoby lepsze.
http://jsfiddle.net/MFLma/3/
@DOWN Fakt poprawiłem.

Ten post edytował Niktoś 3.05.2012, 16:16:27

[r4xz]

To jest także możliwe w relative,Twój pomysł jest dobry ,ale na relative byłoby lepsze.
http://jsfiddle.net/MFLma/2/

wpisz cokolwiek pomiędzy <div> i </div> w swoich przykładach... koniecznie chcesz być lepszy (dorzucić swoje 3 grosze w każdym temacie), a rezultat taki że możesz tylko niepotrzebnie zmylić potencjalnych użytkowników, którzy również będą chcieli się dowiedzieć 'jak takie coś zrobić?'

to tyle z mojej strony w ty temacie (IMG:style_emoticons/default/wink.gif)