Strona się rozjezdza... Opcje

[vieri_pl]

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 ?

[revyag]

Napisz o co konkretnie chodzi bo u mnie poza paroma pikselowymi szczegółami wygląda tak samo pod ie i ff.

[vieri_pl]

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ł

[ens0re]

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ął..

[Zajec]

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ś?

[vieri_pl]

Problem rozwiązany...

PS: Niedługo dam to do oceny

[Zajec]

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

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

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>

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;
}

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.

[vieri_pl]

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

[kaboza]

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