Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Strona źle wygląda pod... IE, ale pod FF... :/, ciągle jakies problemy z badzIEwIEm...
vieri_pl
post 15.02.2006, 19:58:37
Post #1





Grupa: Zarejestrowani
Postów: 406
Pomógł: 9
Dołączył: 24.07.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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 ? tongue.gif i czy w ogóle questionmark.gif 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 exclamation.gif!

Z góry dzięki za wszystkie porady !

Oto link do strony:

Nowy layout...

Ten post edytował vieri_pl 15.02.2006, 20:00:31
Go to the top of the page
+Quote Post
Zajec
post 16.02.2006, 23:24:43
Post #2





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----

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
:-)

Ten post edytował Zajec 16.02.2006, 23:30:26
Go to the top of the page
+Quote Post
vieri_pl
post 17.02.2006, 14:08:55
Post #3





Grupa: Zarejestrowani
Postów: 406
Pomógł: 9
Dołączył: 24.07.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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 sad.gif
Może mi ktoś pomóc ?

Link do strony:

ga

Link do validatora:

Valid

Ten post edytował vieri_pl 17.02.2006, 14:12:40
Go to the top of the page
+Quote Post
Zajec
post 17.02.2006, 15:27:42
Post #4





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----

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ę winksmiley.jpg ) na końcu zrobiłeś
Kod
<html>
zamiast
Kod
</html>
Go to the top of the page
+Quote Post
vieri_pl
post 17.02.2006, 15:43:50
Post #5





Grupa: Zarejestrowani
Postów: 406
Pomógł: 9
Dołączył: 24.07.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

No tak rzeczywiście nie zamknąłem jednego z divów... a co do <html> to zostawie to bez komentarza tongue.gif Ale mam kolejny problem... wiec jako ze divy sie nie rozciagaja po dlugosci zastosowalem metode zrobienia tla smile.gif 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 :/

Ten post edytował vieri_pl 17.02.2006, 15:48:28
Go to the top of the page
+Quote Post
Zajec
post 17.02.2006, 19:42:48
Post #6





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----

Kod
#calosc:after { display: block; clear: both; content: ""; }
Go to the top of the page
+Quote Post
vieri_pl
post 17.02.2006, 20:31:26
Post #7





Grupa: Zarejestrowani
Postów: 406
Pomógł: 9
Dołączył: 24.07.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Co ja bym bez Ciebie zrobił zajec ?! Oczywiście działa smile.gif 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...

smile.gif
Go to the top of the page
+Quote Post
Zajec
post 17.02.2006, 22:52:58
Post #8





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----

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 
  1. <div style="clear: both;"></div>
[XML] pobierz, plaintext
po prostu zimitowałem jego występowanie za pomocą CSS :-)


optymalizacja
uzupełnie jak serwer wstanie smile.gif

Ten post edytował Zajec 17.02.2006, 22:53:38
Go to the top of the page
+Quote Post
vieri_pl
post 17.02.2006, 23:13:40
Post #9





Grupa: Zarejestrowani
Postów: 406
Pomógł: 9
Dołączył: 24.07.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Cytat
optymalizacja
uzupełnie jak serwer wstanie


chodzi o mój serwer questionmark.gif przeciez działa tongue.gif

tu jest strona
Go to the top of the page
+Quote Post
Zajec
post 18.02.2006, 18:17:40
Post #10





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----

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


[XML] pobierz, plaintext 
  1. <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 
  1. &nbsp;&nbsp;&nbsp;<img src="a_data/f.gif" alt="" />&nbsp;<a href="#">Strona główna</a><br />
  2. &nbsp;&nbsp;&nbsp;<img src="a_data/f.gif" alt="" />&nbsp;<a href="#">Wiadomości</a><br />
  3. &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 
  1. <ul class="menu">
  2. <li><a href="#">Strona główna</a></li>
  3. <li><a href="#">Wiadomości</a></li>
  4. <li><a href="#">Zapowiedzi</a></li>
  5. </ul>
[XML] pobierz, plaintext
Kod
.menu {
margin-left: 15px;
padding: 0;
list-style-image: url("a_data/f.gif");
list-style-position: outside;
}
Go to the top of the page
+Quote Post
vieri_pl
post 18.02.2006, 20:08:41
Post #11





Grupa: Zarejestrowani
Postów: 406
Pomógł: 9
Dołączył: 24.07.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

Dzięki za wszystko zajec !
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 28.06.2025 - 19:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn