Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/css] Problem z <div> i <p> w Firefoxie
Forum PHP.pl > Forum > Przedszkole
przemilke
Witam ponownie!

Mam nastepujacy problem - od penego czasu uzywam <div> zamiast <table> no i jak nie rozjezdza sie w IE to rozjezdza sie w Firefoxie i na odwrot. Glownie probem pojawia sie przy wkladaniu w diva <p>

W tym wypadku w IE wyglada to tak (ciemnoszary pasek to <div>, zielony, specjalnie zakolorowany to <p>)



polega to na tym ze w ciemnoszarym divie umiescilem zielony <p> i jezeli chodzi o skutek to jest on tu pozadany

Natomiast w Firefoxie wyglada to tak



Dlaczego oto cssy tego diva i <p>

  1. div.linki {
  2. width:560px;
  3. height:24px;
  4. float:left;
  5. vertical-align:top;
  6. background:#666666;
  7. }
  8.  
  9. p.kategoria {
  10. width:180px; // oczywiscie wys i szer zostaly dodane aby ukazac problem
  11. height:24px;
  12. color:#4599B2;
  13. font-family:Verdana, Arial, Helvetica, sans-serif;
  14. font-size:12px;
  15. font-weight:bold;
  16. background:#00FF00;
  17. text-align:center;
  18. float:left; // napewno nie chodzi o ten float
  19. }


Nie pomaga rowniez dodawanie do ktoregokolwiek z elementow clear:both;

A to kod HTML
  1. <div class="linki"><p class="kategoria">LIVE</p></div>


Nie zwracajcie uwagi na jasno szary pasek z przodu.

Dzieki za wszelka pomoc i wskazówki
strife
  1. div.linki {
  2. width:560px;
  3. height:24px;
  4. float:left;
  5. background:#666666;
  6. padding: 0;
  7. }
  8.  
  9. p.kategoria {
  10. width: 180px; // oczywiscie wys i szer zostaly dodane aby ukazac problem
  11. /* height: 24px; */
  12. color: #4599B2;
  13. font-family: Verdana, Arial, Helvetica, sans-serif;
  14. font-size:12px;
  15. font-weight: bold;
  16. background: #00FF00;
  17. text-align: center;
  18. float: left; // napewno nie chodzi o ten float
  19. display: block;
  20. margin: 0;
  21. padding: 5px;
  22.  
  23. }
  24.  
  25. <div class="linki">
  26. <p class="kategoria">LIVE</p>
  27. </div>


Może być ? smile.gif
przemilke
Dzieki wielkie guitar.gif

Okazało sie, ze sprawe zalatwił margin:0 w <p>; ktorego wogole nie bralem pod uwage tongue.gif

Bede musial poczytac jeszcze cos o display, bo szczerze to nie wiem co znaczy block

Pzdr
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.