28-05-2011, 17:46
No więc część skryptu, a konkretniej ciało pętli, która listuje komentarze wygląda tak:
a to wszystko zamknięte w <div id="komentarze"></div>
Teraz CSS:
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.
Kod PHP:
echo '<div id="komentarz"><div id="autor"><div id="a">'.$autor_komentarz.'</div></div><div id="data_godzina">'.$data_dodania_komentarz.' || '.$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.