Oto adres strony:
http://www.kportal.goin.pl/nowy/
Od dawna już staram się aby strona wyswietlała się poprawnie pod każdą przeglądarką, niestety nie zawszeto wychodzi. Strona jest zrobiona na divach no i niestety źle się wyswietla... zresztą sami zobaczycie... nie wiem jak to opisać.. co dziwne pod Internet Explorerem jest dosyć dobrze, lecz już pod FF i operą nie jest najlepiej. Czego to wina ?
Pełna wersja: Strona się rozjezdza...
Napisz o co konkretnie chodzi bo u mnie poza paroma pikselowymi szczegółami wygląda tak samo pod ie i ff.
Cytat(revyag @ 2006-01-27 08:24:13)
poza paroma pikselowymi szczegółami
No właśnie to są różnice 2 pikseli. Chodzi o odstęp miedzy nagłówkiem treśći, czyli grafką wiadomośći od nagłówkiem i w ogóle całą prawą częścią strony. Wiesz może Tobie nie robi różnicy 2 piksele ae ja chce dążyć do dooskonałości
Sporo się napracowałem nad tym layem i teraz chcę aby dobrze wyglądał
Może dlatego, że jak ciąłes w photoshopie do html(w tabelki) to oprócz Twoich podstawowych obrazków tworzyło Ci obrazki 'spacer.gif'? I ominąłes je jak w divy wkładałes tylko te podstawowe, pociete obrazki(tj nie wrzuciłes tych spacer.gif)..Tak mi sie wydaje bo kiedys nawet jak na tablekach robilem i usunąłem 1 plik spacer.gif to mi cąły lay sie sypnął..
Wszystko co otrzymałem to
Kod
HTTP/1.1 200 OK
Date: Fri, 27 Jan 2006 19:00:41 GMT
Server: Apache/1.3.34 (Unix)
Keep-Alive: timeout=15, max=50
Connection: Keep-Alive
Transfer-Encoding: chunked
Content-Type: text/html
;-) Jakis nowy adres, czy coś?
Date: Fri, 27 Jan 2006 19:00:41 GMT
Server: Apache/1.3.34 (Unix)
Keep-Alive: timeout=15, max=50
Connection: Keep-Alive
Transfer-Encoding: chunked
Content-Type: text/html
Problem rozwiązany...
PS: Niedługo dam to do oceny
PS: Niedługo dam to do oceny
Cieżko powiedzieć co może być tutaj przyczyną.
Z tego co widzę krytykujesz ludzi za brzydki kod, więc spodziewałem się, że Twojej stronie nie będę miał czego zarzucić... A zobacz o ile prościej można było zrobić np. prawą kolumnę:
i do tego dajesz tylko dwa proste style:
Zacznij od semantycznego kodu, a szybko się okaże skąd się biorą takie różnice w wyświetlaniu. Teraz trzeba każdy div analizować z osobna.
Z tego co widzę krytykujesz ludzi za brzydki kod, więc spodziewałem się, że Twojej stronie nie będę miał czego zarzucić... A zobacz o ile prościej można było zrobić np. prawą kolumnę:
Kod
<div id="rightColumn">
<div id="rightColumnTop"><img src="images/kportal_05.gif" alt="" width="184" height="43" style="border:0px;" /></div>
<div id="rightColumnBottom">
<div class="rightColumnNewsTitle">Testowy news</div>
<div class="rightColumnNewsContent">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not [<a href="test.php">WIÄCEJ</a>]</div></div>
zamieniasz na<div id="rightColumnTop"><img src="images/kportal_05.gif" alt="" width="184" height="43" style="border:0px;" /></div>
<div id="rightColumnBottom">
<div class="rightColumnNewsTitle">Testowy news</div>
<div class="rightColumnNewsContent">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not [<a href="test.php">WIÄCEJ</a>]</div></div>
Kod
<div id="rightColumn">
<h2>Testowy news</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not [<a href="test.php">WIÄCEJ</a>]</p>
</div>
<h2>Testowy news</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not [<a href="test.php">WIÄCEJ</a>]</p>
</div>
i do tego dajesz tylko dwa proste style:
Kod
#rightColumn {
width: 174px;
float: right;
background: #BDCCDC url(images/kportal_05.gif) top center no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
color: #333;
text-indent: 10px;
padding: 45px 5px 5px 5px;
}
#rightColumn h2 {
text-decoration:underline;
font-weight:bold;
text-indent: 5px;
font-size: 11px;
color: #000;
}
width: 174px;
float: right;
background: #BDCCDC url(images/kportal_05.gif) top center no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: justify;
color: #333;
text-indent: 10px;
padding: 45px 5px 5px 5px;
}
#rightColumn h2 {
text-decoration:underline;
font-weight:bold;
text-indent: 5px;
font-size: 11px;
color: #000;
}
Zacznij od semantycznego kodu, a szybko się okaże skąd się biorą takie różnice w wyświetlaniu. Teraz trzeba każdy div analizować z osobna.
Co do kodu to fakt przyznaje Ci racje zajęc, pisał go mike-mech nie ja 
No ale poprawiałem w nim pare rzeczy wiem że można było to napisać łatwiej, ale szczerze mówiąc nie odczuwałem różnicy przy pracy z tym kodem
A tak na marginesie mówiąc, bez przesady nie krytykuje ludzi za kod Zwracam tylko uwagę że mogliby to zrobić inaczej. Ostatnim razem zwróciłem uwagę za to iż łączy divy z tabelkami, co było totalnie dziwne, jako że na forum codzienniejest jak wykonywać szablon z trzema kolumnami...
Ale dzięki za rady zajec
Pozdrawiam
No ale poprawiałem w nim pare rzeczy wiem że można było to napisać łatwiej, ale szczerze mówiąc nie odczuwałem różnicy przy pracy z tym kodemA tak na marginesie mówiąc, bez przesady nie krytykuje ludzi za kod
Zwracam tylko uwagę że mogliby to zrobić inaczej. Ostatnim razem zwróciłem uwagę za to iż łączy divy z tabelkami, co było totalnie dziwne, jako że na forum codzienniejest jak wykonywać szablon z trzema kolumnami...Ale dzięki za rady zajec
Pozdrawiam
Dlaczego strona z odpowienio napisanym kodem dziala poprawnie w innych przegladarkach a w IE komplikuje sie sprawa i nieraz wszystko sie rozjezdza. Odpowiedz jest prosta IE ma wbudowana funkcje poprawy czytelnosci znakow na stronie ( zmiana wielkosc znaku po wcisnieciu ctrl + przesuwanie scrollingu w myszce ) Tak wiec kazda tresc napisana a ramach <font> </font> lub linku <a > </a> lub wogole bez znacznika - bedzie ulegac zmianom w wyswietlaniu przez ta przegladarke. Problemem jest tu tez znacznik nowej lini <br> poniewaz odstep nowej lini tez ulega zmiana.
Rozwiazanie :
aby tekst pozostawal w swoich rozmiarach uzyj CSS lub Dhtml oczywiscie to nie rozwiaze problemu z <br> ale tutaj na upartego mozna to doskonale ominac .
Pozdrawiam
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.