Forum PHP.pl

Witam serdecznie, natkalem sie wczoraj na pewien problem w wyswietaniu strony ktora pisze przez kochene IE. Wszystko sprowadza sie do jednego diva, ktory w CSS zdefiniowalem nastepujaco:

[HTML] pobierz, plaintext 
.break_1px {
  padding-top: 1px;
  background-color: #f7f7f7;
  float: left;
  width: 760px;
}
[HTML] pobierz, plaintext 

Div ma za zadanie tworzyc odstep pomiedzy blokami strony o szerokosci 1px, na ff oraz operze wszystko dziala pieknie, natomiast w IE powstaje 13 pikselowa krowa (wysokosci). Div wraca do swoich romiarow, 1px, gdy div zdefiniuje nastepujaco:

[HTML] pobierz, plaintext 
.break_1px {
  padding-top: 1px;
  background-color: #f7f7f7;
}
[HTML] pobierz, plaintext 

Ale wowczas calkowicie znika mi na ff oraz operze.
Bardzo prosze opomoc od wczoraj kombinuje na wszelikie sposoby ale nic, z gory serdecznie dziekuje za pomoc.

Pozdrawiam

Podaj adres strony, albo kod źródłowy to się pobawię. Tak niechce pisać jakiś głupot.

Dzieki za dobre checi, nie jestem w stanie udostepnic teraz tego na jakim kolwiek serwerze, dzis wyjezdzam i wracam dopiero 2 wrzesnia, ale bede wdzieczny jesli wtedy wrocimy do tego tematu, a tym czasem pozostanie zamrozony, no chyba ze ktos z Was mial juz taki problem z divami

Serdecznie pozdrawiam


eeeh moge zrodlo przeciez zamiescic

http://phpfi.com/135542?lang=php to jest strona
http://phpfi.com/135543?lang=cxx a to jest CSS

Mam nadzieje ze da to chodz troche wyobrazenia o wygladzie strony

Ten post edytował discovery 27.07.2006, 04:01:17

Próbowałeś font-size zmniejszyć? Nie mam IE pod ręką, nie przetestuję sam.

Ja bym zrobił tak:

[HTML] pobierz, plaintext 
.break_1px {
padding-top: 1px;
background-color: #f7f7f7;
float: left;
width: 760px;
zoom: 1; //to jest tylko dla IE wiec najlepiej w komentarzach warunkowych
}
[HTML] pobierz, plaintext 

A jeżeli by to nie zadziałało to wrzuciłbym tam coś (bo IE nie lubi pustych elementów) i ukrył (display: none;).

A czy zamiast tego diva nie lepiej było by urzyć

[HTML] pobierz, plaintext 
<hr class="one-px">
[HTML] pobierz, plaintext 

Ten post edytował my_identify 29.07.2006, 16:02:58

my_identify: Nie. A właściwie nie tak jak pokazujesz. CSS i hr się za bardzo nie lubią. Najlepszym rozwiazaniem z semantycznego punktu widzenia byłoby to:

[HTML] pobierz, plaintext 
<div class="one-px"><hr /></div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div.one-px hr { display: none; }
[HTML] pobierz, plaintext