Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [xhtml/css] IE zwiększa "height" diva
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
kazag
Mam sobie taki oto kod html:
  1. <div id="infobox">
  2. <div id="c1"></div><div class="blackbar"></div><div id="c2"></div>
  3.  
  4. <div id="mainnews">
  5. </div>
  6.  
  7. <div id="othernews">
  8. </div>
  9.  
  10. <div id="c3"></div><div class="blackbar"></div><div id="c4"></div>
  11. </div>


Do tego taki oto css:
  1. #infobox {
  2. width:950px;
  3. height:200px;
  4. margin:0px;
  5. padding:0px;
  6. }
  7.  
  8. #c1, #c2, #c3, #c4 {
  9. width:7px;
  10. height:7px;
  11. float:left;
  12. margin:0px;
  13. }
  14.  
  15. .blackbar {
  16. width:936px;
  17. float:left;
  18. background:#000;
  19. padding:0px;
  20. margin:0px;
  21. height:7px;
  22. }
  23.  
  24. #c1 {
  25. background:url(img/c1.png) no-repeat;
  26. }
  27.  
  28. #c2 {
  29. background:url(img/c2.png) no-repeat;
  30. }
  31.  
  32. #c3 {
  33. background:url(img/c4.png) no-repeat;
  34. clear:both;
  35. }
  36.  
  37. #c4 {
  38. background:url(img/c3.png) no-repeat;
  39. }
  40.  
  41. #mainnews {
  42. clear:both;
  43. width:600px;
  44. height:186px;
  45. background:#000;
  46. float:left;
  47. }
  48.  
  49. #othernews {
  50. width:350px;
  51. height:186px;
  52. background:#000;
  53. float:right;
  54. }


Nie zważajcie, ze c3 ma obrazek c4 i odwrotnie, bo mi sie nazwy pomysliły zapisując grafikę.

Problem polega na tym, że pięknie mi sie div z rogami zaokrąglonymi robi pod wszystkimi przegladarkami prócz: IE 6.
Czy ktoś mi wyjaśni, czemu to chol.erstwo zwiększa wysokość diva "blackbar"? Jak ustawie go na 1px to nic nie daje.

edit: oczywiscie moglbym to na absolutach zrobić, ale tego nie lubię, także jesli ktos ma pomysł to prosze o radę.
Rafal Filipek
mozesz dać
Kod
overflow: hidden;
albo spróbować też
Kod
font-size: 0
dla tego diva
kazag
O, częściowo problem rozwiazany, tzn blackbar ma juz tlyko 7pikseli, aczkowlwiek pozostała przerrwa ponizej niego, którą wczesniej zapełniał. Dodam, ze marginesy wyzerowałem.
Rafal Filipek
bo teraz pewnie div w ktorym znajduje sie ten "blackbar" ma zlą wysokość.
kazag
Nie nie, on ma 200px ustawione, co oczywiście wszystkie przegladarki respektują, prócz IE, który go rozciaga zależnie od tresci. Jak dam mu overflow:hidden (nadrzędnemu infoboxowi), to jedynie ucina go (przynajmniej cos poprawnie interpretuje).
mls
Dodaj to samo (overflow i font-size) również do #c1, #c2, #c3 i #c4.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.