Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Problem z IE
Forum PHP.pl > Forum > Przedszkole
Lion_87
Na stroni zrobilem tlo a na tym tle pojawiaja sie inne elementy w postaci obrazkow z odnosnikami.
w firefoxie operze dobrze wyswietla

ale w IE tlo jest na sreodku a obrazki(elementy) przesuniete sa w prawo o kilkadziesiat px.

strona
  1. <div style="position: relative;" align="center">
  2. <img src="002.png" width="686" height="696">// to jest tlo
  3.  
  4. <!-- start -->// element
  5. <div style="display: inline;" id="element" class="element" align="center">
  6. <a class=info href="">
  7. <img src="<?echo $p1;?>.png"><span>To jest...</span></a></div>
  8. <!-- end / start -->
  9.  
  10. </div>


CSS:
Kod
.element{ position:absolute; display:none; z-index:3; left:225px; top:5px; }


Jak mozna by to zmienic aby w IE bylo tak samo jak w firefox?
nevt
masz składnię do niczego, niepozamykane tagi <img> ...
dobry FF domyka je za ciebie (nie wiadomo po co...)
ale IE już tak łaskawy nie jest ...
Pilsener
Poczytaj o standardach i CSS - img nie służy do wstawiania tła czy graficznych elementów layoutu, lecz do wstawiania unikalnego obrazka do treści. Dajesz div, img, a + span - pełna tragedia. Masa błędów składni - kurs HTML jest tu niezbędny! Wystarczy tylko a, żeby zrobić graficzny odnośnik:
  1. <a href="http://" title="link" class="link"></a>

W CSS np.
Kod
.link{
display: block;
height: 20px;
width: 20px;
margin: 0 auto;
background: url(grafika/ikona.gif) left no-repeat;
}


I nie używaj pozycjonowania absolutnego - tylko w ostateczności. Są marginesy i float - wystarczają w 90% wypadków, resztę załatwisz pozycjonowaniem relatywnym.
Lion_87
Cytat(nevt @ 25.09.2008, 15:02:53 ) *
masz składnię do niczego, niepozamykane tagi <img> ...

gdzieee?


Pilsener dzieki za informacje span uzylem zeby zobaczyc jaki efekt wyjdzie po najechaniu myszka na link


Pradzilem sobie zamykajac wszystko w <table> w IE w FF w Op dziala tak samo smile.gif
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.