CSS POMOCY !, Zaczynam sie zastanawiac dlaczego ludzie nie lubia tabel Opcje

[clansman5]

Witajcie

Po 5 godzinach walki z CSS oraz proba rozwiazania banalnego przykladowego problemu stracilem cierpliwosc.
Najlepsze jest to, ze nawet gotowe szablony pobierane chociazby stad: CSS Layouts NIE DZIAŁAJĄ.

Moj problem jest nastepujacy:
Chce uzyskac taki uklad:
(IMG:http://s19113.ps.pl/d.jpg)
Z tym że, div2 ma miec pewien min-height natomiast ma sie rozciagac w doł jezeli bedzie w nim np. za duzo tekstu.

Wyniki moich prob sa nastepujace:
1. Gdy pod IE wszystko dziala, to w firefoxie div2 ma wysokosc ustawiona w height natomiast tekst wychodzi poza diva i ciagnie sie poza strona poprzez div3.

2. Gdy zapodam min-height dla div2 wtedy w firefoxie nastepuje przerwa pomiedzy div1 a div2 oraz div2 a div3
ktorej nie sposob zniwelowac za pomoca padding albo margin.

POMOCY

[barat]

To po kolei , jak już mówiłem , global reset, zero to zero itp (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Skoro dla Div'a logo ustawiłeś stałą wysokość i szerokość to po co TOP wstawiasz jako <img ? nie lepiej w CSS dopisać background-image ?

Tak samo z menu - wstaw jako tło

A teraz rozwiązanie Twojego problemu:

Warstwę z clear: both umieść w warstwie tresc:

[HTML] pobierz, plaintext 
<div id="tresc"><div id="rozpychacz"></div>
 
	<p>lorem ipsum</p>
 
	<p>lorem ipsum</p>
	<p>lorem ipsum</p>
	<p>lorem ipsum</p>		
 
 
<div id="clear"></div>
	</div>
[HTML] pobierz, plaintext 

i w stylu

div#clear {clear: both;}

Bo obecnie rozpychacz jest wyciągnięty z normalnego biegu strony i jest ustawiony na te 300px z hakiem i "spycha" stopke (która ma atrybut clear) ale nie rozciaga div'a z tekstem bo ten DIV "uważa" że tego rozpychacza tam nie ma (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Jak wstawpisz ten clear co napisałem to ten ze stopki możesz spokojnie wywalić (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował barat 26.05.2007, 11:58:10