Podstrony
- telcocafe
- div.styl .styl
- [XHTML/CSS] Opera problem z wyświetlaniem Problem z wyświetlaniem strony w opera
- Kłopot z layout'em Kłopotliwe div'y
- [css] Layout jak zrobić to na div/css
- [xhtml php] Aniketa - Edytory www 11 edytorów pod lupą
- [xhtml] Co zamiast <pre> ? potrzebuje kontenera a pre jest inline
- HTML 5 czy XHTML 2? W co lepiej "inwestować"?
- Dlaczego to się rozjeżdża? [xhtml/css + IE] Ja już nie mam siły na ten IE...
- [xhtml] object a img Czy warto zamiast img stosować object?
- pliki xml w xhtml jak wyciagnac zawartosc pliku xml
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- demonter.keep.pl
telcocafe
witam, właśnie zacząłem pisać strone, której szkielet oparty jest na tabeli, ale przeczytałem o webmasterstwie semantycznym i od razu zmieniłem ją na div-y, tylko mam problem, otóż nie wiem jak zrobić aby 2 divy były w jednej linii (jeden div ma width 20%, drugi 50%); próbowałem z position absolute i relative ale nic nie wysło; od razu dzieki za wszelka pomocUżytkownik limak_pascal_delphi edytował ten post 25 listopad 2006, 20:35
Są dwa rozwiązania:
- Prostrze, o ile wiem zalecane, którego jednak nie obsługuje IE (no i co z tego? Po co się oglądać za siebie - tylko dlatego że niektórzy używają niedorobionch przeglądarek?)
<div style="display: table;"> <div style="display: table-cell; width: 20%;"> bleble, div numero uno </div> <div style="display: table-cell; width: 50%;"> bleble, div numero duo </div> </div>
2. Drugie, mniej wygodne (problemy z jednakową wysokością divów, konieczność stosowania brzydkich sztuczek by to osiągnąć. Czasem przez te hacki są problemy z walidacją, jednak działa w IE. Tylko czy warto się oglądać za siebie? Co jeśli wyjdzie przełomowa technologia, którą naprawdę warto używać - a nie obsługuje jej IE. Czy jej wtedy nie użyjemy?)
<div style="float:left; width: 20%;"> bleble, div numero uno </div> <div style="float:left;width: 50%;"> bleble, div numero duo </div>
Użytkownik Einzeinbleth edytował ten post 25 listopad 2006, 20:42
Masz i wybierz sobie :)
heh, fajnie ze jest to forum
dzieki za pomoc
OK wszystko ładnie pięknie.
Są dwie kolumny w CSS.
Każdej kolumnie nadajmy tło.
Przykład - wygląd układu dwóch kolumn
Niechaj po lewej kolumna przyjemnie w pierwszym teście 10 znaków a w drugim teście 10000 znaków.
Kolumna po prawej niech pozostanie przy 2 znakach.
Efekt:
Tło kolumny po lewej ciągnie się daleko w dól.
Tło kolumny po prawej szybko się kończy zaraz po 2 znakach.
Jak zrobić, by długość kolumn zależała od siebie?
Jak jedna jest długa, to i druga tak samo.
Przy użyciu tabel to nic trudnego:
<table>
<tr><td>10000 znaków</td><td>2 znaki</td></tr>
Oczywiście nie rozpisałem tu tego bardziej, tylko krótki szablonik.
Inaczej:
Jak stworzyć dwie kolumny o jednakowej wysokości przy założeniu,
iż w tej po lewej będzie xx znaków a po prawej tylko 2 znaki.
XX rozumiem, iż to może być 100 lub 10000 znaków.
by zobrazować:
To chcę uzyskać:
http://www.fox.com.p.../strony_www.php
(kolumna po lewej to menu ciągnie się w dól tło, zaś po prawej długi art)
To posiadam:
http://tomaszteo.cba.pl/ttm/index.php
Z góry dziękuję za odpowiedź
Użytkownik TomaszTEO edytował ten post 26 listopad 2006, 00:13
To właśnie wada rozwiązania opartego na float o której mówiłem - nie można normalnie przystosować tych kolumn do siebie. Albo w javascript zmieniasz ich rozmiary, albo stosujesz dziwne triki (jak ustawienie odpowiedniego tła, by wyglądało to jakby kolumny były tej samej wysokości).
Mimo wszystko polecam to co podałem jako pierwsze rozwiązanie - wtedy divy łatwiej stosować niż tabele, a efekt jest ten sam.
http://blog.mathew-c...rtym-na-divach/