Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] layout HTML Table -> div css
mINA87
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 6.06.2007

Ostrzeżenie: (0%)
-----


Witam!
Być może mam dosyć głupie pytanie i oczywiste dla wielu z was, ale niestety jestem n00b jeśli chodzi o formatowanie CSS i ciągle żyję w świecie <table> (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) Mój problem przedstawia się następująco - potrzebuję stworzyć layout analogiczny do takiego :
Kod
<table width="100%">
<tr>
    <td width="200"> Left </td>
    <td width="5"> Fixed padding </td>
    <td width="*"> Main content </td>
</tr>
<tr>
    <td colspan="3"> Footer </td>
</tr>
</table>

reprezentowany jednak przez div'y i wypozycjonowany css'em. Problem jest taki, że jeśli komórki left lub content wypozycjonuje w sposób absolutny, to ich wielkość nie zostanie uwzględniona przy renderowaniu strony - spowoduje to, że div footer będzie wypozycjonowany tylko względem drugiej części i prawdopodobnie "wjedzie" na pierwszą. Niestety wielkość Left i Main content zmienia się w sposób dynamiczny i nie mogę jednoznacznie określić która z komórek jest w danym momencie wyższa. Udało mi się to jakoś rozwiązać wykorzystując float (bodajże na elemencie Left) i wszystko byłoby fajnie, gdyby nie IE... Co najdziwniejsze - pod Operą i FF wszystko było ok, pod IE też... Do czasu.. Gdy w komórce Main content znalazła się jakakolwiek tabelka, to strona rozjeżdżała się totalnie, zamiast renderować tabelkę w Main content obok Left, IE (wersja 6.0 i starsze) zostawiał to miejsce puste i renderował tabelkę na wysokości kończącej Left.. Bardzo dziwnie to wyglądało i niestety na chwilę obecną nie jestem w stanie odtworzyć tej sytuacji, bo nie pamiętam już tego kodu. Czy macie może jakieś inne propozycje? Czy da się wypozycjonować elementy absolutnie tak by przy renderingu strony ich wielkości zostały uwzględnione w DOMie (pomijając pozycjonowanie relatywne, które mnie niestety nie urządza)? Taka sytuacja ma chyba miejsce w lay'u Monobook z Wikipedii, jednak trochę się pogubiłem i nie potrafię odtworzyć sytuacji stamtąd.
Pozdrowionka i z góry fnx za zainteresowanie.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
mINA87
post
Post #2





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 6.06.2007

Ostrzeżenie: (0%)
-----


Dzięki za zainteresowanie. Pierwsze co robiłem to rzuciłem kod do validatora jak pierwszy raz napotkałem na ten problem i wydawało mi się że wszystkie "większe" błędy poprawiłem. Ponadto wydaje mi się, że w bardzo okrojonym przypadku - same tagi, bez żadnych parametrów też się sypało. Aktualnie mam pod ręką tylko IE7 który renderuje kod poprawnie, więc zapytam czy masz problemy z pierwszym kodem, a po przerzuceniu się na formatowanie wielkości komórek w CSSie jest ok? Dzięki i pozdro.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 15:37