ďťż

[CSS] Pozycje kolumn gdy środkowa jest pierwszą w kodzie

       

Podstrony


telcocafe

Tworzę szablon do systemu CMS oparty o CSS (dotychczasowy jest na tabelkach). Męczę się z poprawnym ustawieniem kolumn. Środkowa część w kodzie XHTML znajduje się przed lewą i prawą (aby właściwa treść ładowała się szybciej).

Przykład: zobacz niedziałający przykład
Wzorzec: Equal Height Columns

We wzorcu wszystko jest w porządku, jednak w przykładzie nie mogę uzyskać oczekiwanego efektu. Testuję w Firefoksie 3.

Czy koniecznie muszę umieścić kolumnę środkową dopiero po lewej i prawej w kodzie XHTML? Czy są jeszcze inne obejścia? Próbowałem też zastosować pozycjonowanie. W przypadku relative dla wszystkich kolumn problem ten sam, zaś w przypadku absolute nawet overflow: hidden dla kontenera powodował, że wszystko znikało.



A nie można prościej?<div style="float:left;width:66%"> <div style="float:right;width:50%;background:#BBB">content</div> <div style="float:left;width:50%;background:#999">left</div> </div> <div style="float:left;width:33%;background:#CCC">right</div>

Oba divy pływać chyba nie muszą :) ale jak działa to działa.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.