Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Układ 3-kolumnowy] Dynamiczna szerokość kolumny
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
404
Witam 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 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 wink.gif
404
@kicaj: próbowałem na procentach, ale to nie to czego szukam tongue.gif Jednak dzięki za odpwoiedź smile.gif
@r4xz: magiku Ty jeden :* O to dokładnie mi chodziło! Dziękuję bardzo! 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 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.
r4xz
Cytat(Niktoś @ 3.05.2012, 15:32:18 ) *
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 wink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.