Συμβατότητα Browsers

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

Συμβατότητα Browsers

Δημοσίευση από manolism » 22 Δεκ 2005 12:38

Αυτή είναι η πρώτη μου προσπάθεια σε εξ' ολοκλήρου σχεδίαση με css.

http://www.lunarmedia.gr/park/index_uk.html

Το πρόβλημα είναι ότι οι browsers βγάζουν διαφορετικά αποτελέσματα.

Εξετάστηκε σε ΙΕ, Firexox, Opera.

Τα προβλήματα είναι τα εξής:
Στον ΙΕ μου βγάζει κανονικά την πορτοκαλί μπάρα στο κάτω μέρος ενώ στους άλλους 2 όχι.
Στον Firefox και Opera δουλεύουν τα over στα πάνω links ενώ στον ΙΕ όχι
Και στους τρεις δουλεύει το over link στην μέση.

Το τέσταρα και στους δύο validators και μου το πέρασε χωρίς λάθη.

Καμμία ιδέα τι γίνεται;

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

Συμβατότητα Browsers

Δημοσίευση από ThyClub » 22 Δεκ 2005 13:36

Στο .links βάλε ενα background color: transparent για δοκιμή. Τα hover δουλεύουν σωστά σε όλους που το δοκίμασα

Άβαταρ μέλους
RADICAL
Δημοσιεύσεις: 386
Εγγραφή: 14 Ιούλ 2004 01:07
Τοποθεσία: Athens
Επικοινωνία:

Συμβατότητα Browsers

Δημοσίευση από RADICAL » 22 Δεκ 2005 17:23

Καταρχάς πολύ ωραίο design.

Με μια γρήγορη ματιά στο css βρήκα ένα λάθος

Κώδικας: Επιλογή όλων

...
text-decoration: none;	
	background-color: transparent
}
Έχεις ξεχάσει το ; μετα το transparent.
Ίσως αυτό να λύσει κάποια προβλήματα αλλα οστώσο δέν ξέρω αν το transparent είναι crossbrowser.

Επίσης δεν υπάρχει λόγος να βάζεις το tag <FONT COLOR="#FFFFFF" class="text">.
Κάντο span με το ίδιο class και βάλε το άσπρο στο css.
Επίσης μάλλον θα υπάρχει πιό σωστος τρόπος για τα links αλλα επειδή βιάζομαι θα το δώ το βράδυ και αν είναι σου λέω :)
Εικόνα

Άβαταρ μέλους
cherouvim
Script Master
Δημοσιεύσεις: 3137
Εγγραφή: 13 Ιούλ 2005 22:56
Τοποθεσία: Athens, Greece
Επικοινωνία:

Συμβατότητα Browsers

Δημοσίευση από cherouvim » 22 Δεκ 2005 17:49

Sygharitiria gia to neo sou ksekinima.
Paratiriseis:
Ola ta HTML elements exe ta me lower case (mikra). ta kefalaia einai invalid.
To mainimage.jpg einai arketa megalo gia na to afiseis na fortosei sto background. Se arges syndeseis perimenei o hristis mehri kai 30 seconds mehri na emfanistei kati.
Aferese to COLOR=".." pou eipe kai o RADICAL alla episis kai to align="center". Center kaneis me text-align: center; kai margin: 0 auto;
Apefyge ta polla classnames se ena element opos kaneis sto class="navbar style1". Den ypostirizontai apo olous tous browsers.
Hrisimopoihse header elements sto keimeno sou gia na doseis tous titlous kai na horiseis enotites.
Hrisimopoihse paragrafous <p> anti gia live breaks <BR>.
Ta single quotes den einai aparetita sto background-image: url('indeximages/bottombar.jpg');
To hovering sta links mallon den sou doulevei logo tou diplou class alla episis eisai poly makria apo to #header sto a:hover. Sto css sou ta exeis dipla dipla alla sto site structure mesolavei ena ul kai ena li ta opoia den anafereis. Sinithos den yparxei provlima me afto alla orise to plires path gia kalo kai gia kako.

@RADICAL: to teleftaio element se ena css declaration block mporei kai na min exei to ;

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης