+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z marginesami (?) w FF3.5 (/thread-problem-z-marginesami-w-ff3-5)
Problem z marginesami (?) w FF3.5 - adbacz - 28-05-2011
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.
RE: Problem z marginesami (?) w FF3.5 - hieroshima - 28-05-2011
oczywiście, że możesz liczyć na pomoc, ale bez kodu twojego albo/i linku do strony tylko wróżki mogą Ci pomóc
RE: Problem z marginesami (?) w FF3.5 - adbacz - 28-05-2011
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.' || '.$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.
RE: Problem z marginesami (?) w FF3.5 - kmd - 28-05-2011
To teraz jeszcze poczytaj, jaka jest różnica między div id, a div class
RE: Problem z marginesami (?) w FF3.5 - adbacz - 29-05-2011
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.