Problem z marginesami (?) w FF3.5

[adbacz]

Witam,

Jestem początkujący w CSS ale jak do tej pory nie miałem aż takich problemów a zrobiłem już prawie całą szatę strony. Chodzi o preblem z wyświetlaniem komentarzy przez FF 3.5

Na operze, jest wszystko dobrze, na IE6 tak samo, ale FF albo wszystko bardzo ściaśnia albo są odstępy na pół ekranu pomiędzy komentarzami (ściaśnia, jeśli jest height:100% dla danego diva a rozsztrzela bez ustawionej wysokości).

Wszystkie marginesy (top i bottom - bo tylko pionowo rozrzuca albo ściska) ustawiłem na 0px, tak wewnętrzne jak i zewnętrzne ale i tak tylko FF wyświetla mi to jak mu się chce.

Mogę liczyć na jakąś pomoc? Proszę pytać jeśli coś źle wytłumaczyłem.

[hieroshima]

oczywiście, że możesz liczyć na pomoc, ale bez kodu twojego albo/i linku do strony tylko wróżki mogą Ci pomóc

[adbacz]

No więc część skryptu, a konkretniej ciało pętli, która listuje komentarze wygląda tak:

Kod PHP:

echo '<div id="komentarz"><div id="autor"><div id="a">'.$autor_komentarz.'</div></div><div id="data_godzina">'.$data_dodania_komentarz.'&nbsp;&nbsp;||&nbsp;&nbsp;'.$godzina_dodania_komentarz.'</div>';
  echo '<div id="tresc">'.$tresc_komentarz.'</div></div>'; 


a to wszystko zamknięte w <div id="komentarze"></div>


Teraz CSS:

Kod:

div#komentarze {margin-bottom:20px; background:url(images/moduly/tlo_663.png) no-repeat; width:630px; padding-top:0px; padding-bottom:10px; padding-left:10px; padding-right:10px; border-bottom: 1px solid #D6D8D6;}

div#komentarze div#komentarz {width:620px;margin-top:0px;margin-bottom:0px;}

div#komentarze div#komentarz div#autor {margin-bottom:0px;padding-bottom:0px;width:630px;height:30px;background: url(images/moduly/komentarz_autor.png) no-repeat;}

div#komentarze div#komentarz div#autor div#a {margin-bottom:10px;color:black;font-size:17px;font-weight:bold;padding-left:7px;padding-top:3px;}

div#komentarze div#komentarz div#data_godzina {margin-bottom:0px;float:right;font-size:11px;color:#7B7B7B;margin-top:-22px;}

div#komentarze div#komentarz div#tresc {margin-top:0px;margin-bottom:0px;}

W takim ustawieniu, FF wszystko ściaśnia, tak, że komentarze nachodzą na siebie. Jeśli ustawię:

div#komentarze div#komentarz {width:620px;height:100%;margin-top:0px;margin-bottom:0px;}

to znowu mam komentarze rozjechane tak, że między jednym a drugim jest pustka na pół ekranu.

[kmd]

To teraz jeszcze poczytaj, jaka jest różnica między div id, a div class

[adbacz]

Ale wtopa. Taka dyskretna różnica a już jest wszystko dobrze

Dzięki za pomoc

PS. Zadzwie mnie to, jak bardzo różnie te trzy przeglądarki wyświetlają strony. I to jeszcze pod każdą trzeba sie dostosować. Najgorzej jest w IE6, tak to już w ogóle są cuda w wyświetlaniem marginesów.

Jeszcze raz dzięki.