Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Rozsypka linków pod IE. Firefox ok.
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
fjellah
Czy ktoś mógłby mi powiedzieć, czemu na mojej stronie(klik)po IE linki mają taki "egzotyczny" układ. Co ciekawe, pod firefoksem taki problem nie występuje. Bardzo proszę o odpowiedz. Pozdrawiam.
revyag
U mnie to w ogóle egzotyka na całego snitch.gif Główny content przeskakuje na dół.
Poczytaj o box model. O tym, jak ie interpretuje margin i padding. Sądzę że tu jest problem.
Stwórz dla ie osobne style.
s_w_ir
w ie jeśli suma jest 100%(menu+content) to czasem IE sie przeliczy i da 100.1% a wtedy strona sie łamie. Daj np 74% i 25% usuń marginy paddingi. Sprawdź co sie dzieje. Jeśli dobrze dodaj paddingi marginy. Sprawdź. Jeśli się psuje to dajesz dodatkwoe divy, tzn:
  1. <div style="74% szerkosc float left">
  2. <div style="100% szerokosci i tu ustawiasz marginy w pixelach i paddingi też"> tekst newsów</div>
  3. </div>
  4. <div style="25% szerkosci float right">
  5. <div style="analogicznie do content">menu</div>
  6. </div>
fjellah
Cytat
usuń marginy paddingi
Jakie paddingi? Te divy nie mają paddingów, ani marginesów. A co do tego modelu ramkowego:podrzucilibyście mi jakiś przykład? Bo za bardzo nie wiem dla jakiego elementu mam zastosować hacka sad.gif I jeszcze jedno: a może winę w tej sytuacji ponosi float? Słyszałem, że IE błędnie to interpretuje. Może position:absolute?
ano
To, że lewy blok w IE przeskakuje na dół, spowodowane jest jego złą szerokością - zmniejsz szerokość lewego bloku.
Z tego co zauważyłem, często tak się dzieje, jak się dodaje menu w postaci listy <ul>, o podobnym wyglądzie, jaki ty zastosowałeś. Możesz spróbować zmniejszyć szerokość listy <ul>, albo dać coś w stylu: margin-right: -1px; (czasami działa) [ten margin-right: -1px zastosuj do stylu li]
Natomiast nie wiem o jaki błąd z linkami Ci chodzi? Mi się raczej wszystko dobrze wyświetla (oprócz wspomnianego wyżej problemu)
s_w_ir
No to masz problem, nie masz paddingów, OCH ohmy.gif . Pisałem na wyrost. Zrobiłeś to co Ci pisałem? Ie 6 radzi sobie z floatami. Najpierw zrób strone pod FF i IE6 a później będziesz się matrwił box model hackiem dla IE 5.x i IE6 w trybie Quirks Mode. Daruj sobie position, bo t się to zrobić poprawnie tylko trzeba popróbować!
fjellah
Już sobie poradziłem smile.gif Dodałem po prostu hacka, który dostarcza inny padding dla linków w IE. Jakby ktoś potrzebował, to wygląda on tak:
Kod
/*\*/
* html #costam{
  padding-left: 40px;
  padding-top:0;
  padding-bottom:1px;
}
/**/
Pozdrawiam i dzięki za pomoc 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.