budowa strony, potrzeba opisu klas ew. innych porad Opcje

[piotras9000]

Witam, właśnie jestem na etapie projektowania cms'a i szukam porady jak opisać poszczególne klasy css tak aby to się wszzystko trzymało kupy. Wcześniej robiłem już takie fajerwerki i jakoś się trzymało ale mała zmiana w generowanej treści i się waliło. No więc chciałbym aby schemat strony wyglądał tak:
(IMG:http://images23.fotosik.pl/256/dadd444bdaa54cea.jpg)
A kod mniej więcej tak:

<div id="wraper">

<div class="wiersz">Coś tam 1</div>

<div class="wiersz">

<div class="komorka">

<div class="zawartosc">Coś tam 2</div>

</div>

</div>

<div class="wiersz">

<div class="komorka">

<div class="zawartosc">Coś tam 3</div>

</div>

</div>

</div>


I potrzebuję ich opisania tak aby się trzymało kupy w każdej przeglądarce. Chyba że ktoś ma inny pomysł albo wyjaśnicie mi jak to robi się profesjonalnie (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Otórz każda zawartość to będzie jakiś komponent programu(okno logowania, arty, rankingi itd) i jego treść zostanie wstawiona właśnie w takiego diva w określonym miejscu.

[piotras9000]

Nic.. :/ Problem zawsze się pojawia gdy w diva który ma ustawione opływanie(float) wstawie diva który również ma ustawione opływanie :/







Mniejsza o to. Jak się zrezygnuje z tła w formie obrazka to jakoś przejdzie ale mam kolejny problem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Otórz jeżeli mam div'a który reprezentuje wiersz a w nim znajduje się kilka div'ów reprezentujących komórki. Komórki nie mają przypisanych szerokości(są zależne od zawartości) i mają ustawione float:left tak aby znajdowały się jedna obok drugiej.

Chciałbym aby niezależnie od ilości tych komórek zawsze znajdowały się w jednej lini ponieważ jak zauważyłem, kiedy nie ma podanych wymiarów komórki, to przyjmuje ona długość tekstu(aż do <br/>) mimo że są spacje między słowami. Wtedy pojawia się coś takiego że ostatnia komórka przeskakuje pod pozostałe kiedy kończy się miejsce, a chciałbym aby po prostu szerokość wszystkich się zmniejszyła tak aby wszystkie weszły w jednej lini w głównym wierszu.

Słyszałem o display:inline, ale czy to to? i jak to zstosować?

Oto przykład. Chodzi o te szare divy. Chce aby były w jednej lini.

http://www.plemiona-team.yoyo.pl/problem/index.php.htm

Ten post edytował piotras9000 4.08.2008, 14:22:55