Forum PHP.pl > Strona źle wygląda pod... IE, ale pod FF... :/

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Strona źle wygląda pod... IE, ale pod FF... :/

Forum PHP.pl > Forum > Po stronie przeglądarki

vieri_pl

15.02.2006, 19:58:37

Przerabiam szablon strony na taki zbudowany na warstwach.. no i mam problem strona źle sie wyswietla pod IE, myślę że potrzeba do poprawnego wyswietlania strony jakiś hacków... ale jakich ?

i czy w ogóle

Już mnie to troszkę denerwuje, że pod każdą przeglądarką strona wygląda inaczej ehhh... Ale opowiem dokładniej o problemie...

W IE częśc między logiem a formularzem logowania rozjeżdza się... używałem gotowego przykładu danego z sitepoint.com... no ale kiszka...

Nenu wyświetla mi sie tak jak chcę w... IE a za to w FF jest większe (!?)... na prawdę nie
wiem jak to poprawic więc prosze o pomoc

!

Z góry dzięki za wszystkie porady !

Oto link do strony:

Nowy layout...

Zajec

16.02.2006, 23:24:43

Cytat(vieri_pl @ 2006-02-15 19:58:37)

W IE częśc między logiem a formularzem logowania rozjeżdza się... używałem gotowego przykładu danego z sitepoint.com... no ale kiszka...

Wystarczy wyzerować margin i padding dla znacznika <form>, w którym znajduje się formularz logowania.

Z doświadczenia wiem, że takie kwiatki występują też czasami z innymi elementami (body, p, fieldset, ul), dlatego pierwsza moja linijka CSS wygląda tak:

Kod

* { margin: 0; padding: 0; }

A dopiero sam ręcznie ustawiam marginesy i paddingi tam gdzie chcę i takie jak chcę :-)

P.S.
Rozmiar menu? Nie widzę. Może po prostu Menu->Widok->Rozmiar tekstu?

P.S. 2.
Nie ma sprawy ;-)

P.S. 3
Można zamiast

Kod

.stopka_link

dać

Kod

#stopka a

:-)

vieri_pl

17.02.2006, 14:08:55

Dzięki Zajec za wskazówki, przerobiłem sobie na nowo szablon i... mam problem z validacja wywala mi validator błędy których nigdy nie mialem, sporo sie namęczyłem by przerobić szablon na xhtml, nawet wyglada tak samo pod IE i FF a tu jakies błedy

Może mi ktoś pomóc ?

Link do strony:

ga

Link do validatora:

Valid

Zajec

17.02.2006, 15:27:42

Po pierwsze masz któryś z div'ów niezamknięty. Z tego powodu wywala Ci około połowę błędów.

Druga sprawa (uśmiechniesz się

) na końcu zrobiłeś

Kod

<html>

zamiast

Kod

</html>

vieri_pl

17.02.2006, 15:43:50

No tak rzeczywiście nie zamknąłem jednego z divów... a co do <html> to zostawie to bez komentarza

Ale mam kolejny problem... wiec jako ze divy sie nie rozciagaja po dlugosci zastosowalem metode zrobienia tla

Ale dziala tylko pod IE ! pod ff nie działa ! :/ Mozesz samemu zobaczyc:

tutaj !

Błagam juz teraz o pomoc bo szlak mnie trafia z tymi divami :/

Zajec

17.02.2006, 19:42:48

Kod

#calosc:after { display: block; clear: both; content: ""; }

vieri_pl

17.02.2006, 20:31:26

Co ja bym bez Ciebie zrobił zajec ?! Oczywiście działa

Ale powiedz co oznacza

Kod

#calosc:after { display: block; clear: both; content: ""; }

fajnie że ten kod działa ale co oznacz ?

Masz jakieś zastrzeżenia co do kodu ? To dla mnie wazne chce aby ten kod byl optymalny, a czy taki jest hmmm...

Zajec

17.02.2006, 22:52:58

float, szkielet
OK, cały Twój problem polegał na tym, że elementy z przypisanym float wg standardów nie wpływają na wysokość rodziców. Więc div #calosc po prostu nie rozciągał się wraz z rozciąganiem jego dzieciaków.

Aby to naprawić wystarczyło przed zamknięciem div'a umieścić dowolny element blokowy, który:
1) nie ma przypisanego float (dzięki temu wpłynie na wysokość rodzica)
2) ma nadane clear: both (dzięki temu na pewno umiejscowi się pod wszystkimi kolumnami)

Ja zamiast wstawiać tam sztuczny

[XML] pobierz, plaintext 
<div style="clear: both;"></div>
[XML] pobierz, plaintext

po prostu zimitowałem jego występowanie za pomocą CSS :-)

optymalizacja
uzupełnie jak serwer wstanie

vieri_pl

17.02.2006, 23:13:40

Cytat

optymalizacja
uzupełnie jak serwer wstanie

chodzi o mój serwer

przeciez działa

tu jest strona

Zajec

18.02.2006, 18:17:40

Próbowałem wbić się na http://www.gamesarea.proserwer.com/nowylay/

[XML] pobierz, plaintext 
<img src="a_data/user.jpg" alt="<span style='color:orange'></span>" />
[XML] pobierz, plaintext

Czemu alt=""? Przecież obrazek niesie pewną treść, która jest względnie istotna.

[XML] pobierz, plaintext 
&nbsp;&nbsp;&nbsp;<img src="a_data/f.gif" alt="" />&nbsp;<a href="#">Strona główna</a><br />
&nbsp;&nbsp;&nbsp;<img src="a_data/f.gif" alt="" />&nbsp;<a href="#">Wiadomości</a><br />
&nbsp;&nbsp;&nbsp;<img src="a_data/f.gif" alt="" />&nbsp;<a href="#">Zapowiedzi</a><br />
[XML] pobierz, plaintext

Nie, nie, nie, nie, nie... !

[XML] pobierz, plaintext 
<ul class="menu">
<li><a href="#">Strona główna</a></li>
<li><a href="#">Wiadomości</a></li>
<li><a href="#">Zapowiedzi</a></li>
</ul>
[XML] pobierz, plaintext

Kod

.menu {
margin-left: 15px;
padding: 0;
list-style-image: url("a_data/f.gif");
list-style-position: outside;
}

vieri_pl

18.02.2006, 20:08:41

Dzięki za wszystko zajec !

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.