Aλλιως ο explorer και αλλιως ο Firefox?

[datanet]

Γιατι ρε παιδια το δειχνει αλλιως ο explorer και αλλιως ο Firefox?

Υπαρχει καμια ρυθμιση στον firefox για να τα δειχνει οπως ο explorer?(Δηλ. χωρις το μαυρο πλαισιο γυρω γυρω, και να μην ειναι εντονη η γραμμη γυρω απο καθε textfield και button. Εχω βαλει CSS style αλλα...)

 

 

 

 

Αμα θελετε να το δειτε και σεις ...(http://teivos.samos.aegean.gr/~demon/store)

[datanet]

Sorry εκανα λαθος το url, για δειτε τωρα...!

[Eusebius]

Πάρε και μια Όπερα.

[MrTryANalyzer]

Το πρόβλημα ποιο είναι δε κατάλαβα ?! Διαφορετική η μηχανή του firefox με του ΙΕ ..

[soep]

Ποιο ειναι το προβλημα ακριβώς????????

[greekboy]

to paidi apo oti katalava thelei ka ston firefoc kai ston IE na einai to plaisio opos tin proti foto

[bandito]

Γιατι ρε παιδια το δειχνει αλλιως ο explorer και αλλιως ο Firefox?

...

 

Είναι λάθος το css σου.

Στο .myinput (που δεν χρειάζεται να ειναι class, btw) εχεις border-right-width:1 px;. Αν το κάνεις 1px (χωρίς το κενό δηλαδη), βγαίνει οπως στον explorer.

 

hint: κατεβασε το web developer extension για τον ff. Κάνεις on the fly αλλαγές στο css και βλέπεις πως γίνονται rendered. Επίσης εχει ενα ωραίο shortcut για να κάνεις validate το css.

 

>
W3C CSS Validator Results for http://teivos.samos.aegean.gr/~demon/store/

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.
Errors
URI : http://teivos.samos.aegean.gr/~demon/store/

   * Line: 16 Context : .myInput

     Invalid number : font-size Too many values or values are not recognized : 12 px
   * Line: 16 Context : .myInput

     Invalid number : border-top-width Too many values or values are not recognized : 1 px
   * Line: 16 Context : .myInput

     Invalid number : border-right-width Too many values or values are not recognized : 1 px
   * Line: 16 Context : .myInput

     Invalid number : border-bottom-width Too many values or values are not recognized : 1 px
   * Line: 16 Context : .myInput

     Invalid number : border-left-width Too many values or values are not recognized : 1 px

Warnings
URI : http://teivos.samos.aegean.gr/~demon/store/

   * Line : 16 font-family: You are encouraged to offer a generic family as a last alternative
   * Line : 16 (Level : 1) You have no background-color with your color : .myLink
   * Line : 16 (Level : 1) You have no background-color with your color : .myLink:hover
   * Line : 16 (Level : 2) Redefinition of border-top-color : .myInput
   * Line : 16 (Level : 2) Redefinition of border-bottom-color : .myInput
   * Line : 16 (Level : 2) font-family: You are encouraged to offer a generic family as a last alternative : .mytable
   * Line : 16 (Level : 2) Redefinition of border-right-color : .myInput

Valid CSS information

   * .myLink {
         o font-family : Arial, Helvetica, sans-serif;
         o font-size : 12px;
         o font-style : normal;
         o color : #0000b3;
         o text-decoration : none;
     }
   * .myLink:hover {
         o font-family : Arial, Helvetica, sans-serif;
         o font-size : 12px;
         o font-style : normal;
         o color : #ff0000;
         o text-decoration : underline;
     }
   * .mytable {
         o font-family : Verdana;
         o font-size : 12px;
         o text-decoration : none;
         o border-style : solid;
         o border-top-width : 1px;
         o border-right-width : 1px;
         o border-bottom-width : 1px;
         o border-left-width : 1px;
     }
   * .myInput {
         o font-family : Verdana, Arial, Helvetica, sans-serif;
         o color : #000000;
         o text-decoration : none;
         o background-color : #ffffff;
         o border-color : #000000 #000000 #000000;
         o border : #95b3de;
         o border-style : solid;
     }
   * br {
         o font-size : 8px;
     }

 

Αυτά λέει ο validator για το css σου.

Αν κάνεις validate το css και περνάει, είσαι σίγουρος οτι σε όλους τους σοβαρούς browsers θα παιζει σωστά (χμμμ, ναι ή ετσι λένε τελοσπαντων).

Τώρα για τον IE, ποτε δεν μπορείς να είσαι σίγουρος.