Css olny for IE6

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

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

Απάντηση
ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

Css olny for IE6

Δημοσίευση από ertert » 03 Ιούλ 2008 10:41

kalimera sas...

Exo ena style me to onoma ".newslinkD"
doylevei kanonika me IE7 kai Firefox

Ston IE6 prepei na prostheso to parakato gia na leitourgei kanonika
width: 100%;

alla mou xalaei meta ton Firefox

opote kano to exis fortono prota to CSS
<link href="/images/qsec.css" type="text/css" rel="stylesheet">
(xoris to width: 100%;)

kai meta exo to exis
<!--[if lte IE 6]>
<style>
.newslinkD
{
width: 100%;
}
</style>

apo oti fenete leitourgei...
to thema eine oti eine h kaliteri lisi ?
h yparxei kaliteros tropos ?

Sas eyxaristo...

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

Css olny for IE6

Δημοσίευση από cherouvim » 03 Ιούλ 2008 14:45

Είναι καλός τρόπος αυτός.

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

Css olny for IE6

Δημοσίευση από manolism » 03 Ιούλ 2008 16:55

Εάν υποθέσουμε ότι έχει φτιάξει 100 σελίδες και θελήσει να αλλάξει το 100% σε 90% τι γίνεται; Πρέπει να το αλλάξει και στις 100 σελίδες αυτό;

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

Css olny for IE6

Δημοσίευση από cherouvim » 03 Ιούλ 2008 17:01

Εννοείται οτι μέσα στο conditional html comment θα βάλει link προς εξωτερικό css αρχείο:

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

<!--&#91;if lte IE 6&#93;>
    <link href="css/ie6patches.css" rel="stylesheet" type="text/css" />
<!&#91;endif&#93;-->
http://www.quirksmode.org/css/condcom.html

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

Css olny for IE6

Δημοσίευση από manolism » 03 Ιούλ 2008 17:20

Άψογα. Και μέσα σε αυτό το αρχείο θα ανφέρει το hack. Σωστά;

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

Css olny for IE6

Δημοσίευση από cherouvim » 03 Ιούλ 2008 17:41

Ναι θα βάλει ότι θέλει.

Η σωστή ορολογία σε αυτή τη περίπτωση είναι το patch. Θα εφαρμόσει διαφορετικά paddings, widths κτλ για να ξεπεράσει τα προβλήματα του IE.

Hacks θα λεγόντουσαν αν ήταν όντως css hacks, που σερβίρονται μέσα στο ίδιο CSS. Λέγονται hacks γιατί εκμεταλλεύονται συγκεκριμένες css parsing αδυναμίες του κάθε browser για να κρύψουν δηλώσεις από συγκεκριμένους browsers.

Σε αυτή τη περίπτωση το κρύψιμο των δηλώσεων γίνεται με πολύ καθαρό τρόπο, τα conditional comments.

Σχετικό άρθρο: http://en.wikipedia.org/wiki/CSS_hack

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

Css olny for IE6

Δημοσίευση από manolism » 03 Ιούλ 2008 17:46

ΟK. Thanks for the info :wink:

Άβαταρ μέλους
dik_
Δημοσιεύσεις: 476
Εγγραφή: 07 Ιουν 2007 11:28

Css olny for IE6

Δημοσίευση από dik_ » 03 Ιούλ 2008 20:43

Ένας πιο βρώμικος τρόπος (hack; ) είναι ο εξής:

_width:100%;

ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

Css olny for IE6

Δημοσίευση από ertert » 04 Ιούλ 2008 09:38

lunarmedia έγραψε:Εάν υποθέσουμε ότι έχει φτιάξει 100 σελίδες και θελήσει να αλλάξει το 100% σε 90% τι γίνεται; Πρέπει να το αλλάξει και στις 100 σελίδες αυτό;
den exo provlima se ayto...
ginete include me php to arxeio poy exei ayto kai alla mazi...

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

Css olny for IE6

Δημοσίευση από cherouvim » 04 Ιούλ 2008 09:54

ertert έγραψε:
lunarmedia έγραψε:Εάν υποθέσουμε ότι έχει φτιάξει 100 σελίδες και θελήσει να αλλάξει το 100% σε 90% τι γίνεται; Πρέπει να το αλλάξει και στις 100 σελίδες αυτό;
den exo provlima se ayto...
ginete include me php to arxeio poy exei ayto kai alla mazi...
Πάντως μην χρησιμοποιείς τη scriptογλώσσα σου για να κάνεις τέτοια πράγματα. Βάλε το αρχείο εξωτερικά για να το cachάρει ο browser και να είναι το κάθε τι εκεί που πρέπει.

ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

Css olny for IE6

Δημοσίευση από ertert » 04 Ιούλ 2008 10:09

cherouvim έγραψε: Πάντως μην χρησιμοποιείς τη scriptογλώσσα σου για να κάνεις τέτοια πράγματα. Βάλε το αρχείο εξωτερικά για να το cachάρει ο browser και να είναι το κάθε τι εκεί που πρέπει.
sorry den se katalava...
den kano kati periergo...
aplos se kathe selida exo programatisei na kanei include ena arxeio mesa sto <head>
...se ayto to arxeio vazo oti xriazome na exo mesa sto <head>

p.x. ton kodika apo Google Analytics , <meta name="robots" content="all"> kai alla

opote diorthonontas mono ena arxeio , meta mpenei oti thelo "automata" se oles tis selides...

poio eine to lathos ?

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

Css olny for IE6

Δημοσίευση από cherouvim » 04 Ιούλ 2008 12:00

Τίποτα ΟΚ. Απλά έγινε λάθος συνεννόηση. Το νόημα είναι να μην έχεις css rules μέσα στο html σου.

ertert
Δημοσιεύσεις: 195
Εγγραφή: 21 Αύγ 2004 16:30

Css olny for IE6

Δημοσίευση από ertert » 04 Ιούλ 2008 13:32

sas eyxaristo gia tin vohthia...

id12586
στις καρδιές μας
Δημοσιεύσεις: 8387
Εγγραφή: 23 Ιουν 2003 23:28
Τοποθεσία: Far away
Επικοινωνία:

Css olny for IE6

Δημοσίευση από id12586 » 04 Ιούλ 2008 23:38

Ωραίος τρόπος αυτός. ;)
Chris at your Services
ΕικόναSacame de Aqui

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

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

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