Προβλημα list margin σε ΙΕ6 και Firefox

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

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

Απάντηση
Mut3
Δημοσιεύσεις: 167
Εγγραφή: 03 Σεπ 2004 16:23
Επικοινωνία:

Προβλημα list margin σε ΙΕ6 και Firefox

Δημοσίευση από Mut3 » 16 Μάιος 2005 16:36

Θελω να βαλω 0 margin-left στην λιστα για το navigation αλλα συμβαινει κατι περιεργο. Δειτε το αριστερο μενου στο www.casinobonus.gr .

Σε firefox με 0 margin η λιστα διατηρει καποιο default margin, και για να την παω εκει που θελω πρεπει να βαλω αρνητικη τιμη margin.

Σε IE6 με 0 margin η λιστα ειναι σαν να εχει αρνητικο margin και τα bullets της κρυβονται. Για να ερθει στο σωστο σημειο (δηλαδη 10 pixel αποσταση απο το border, το οποιο προερχεται απο το padding του div) πρεπει να βαλω καποια θετικη τιμη, με αποτελεσμα να μετακινειται ακομα πιο δεξια στον firefox.

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Προβλημα list margin σε ΙΕ6 και Firefox

Δημοσίευση από patriot » 16 Μάιος 2005 18:30

Μπορείς να κάνεις αυτό:

1) Βάζεις μέσα στην εντολή του body ΟΛΕΣ αυτἐς της εντολές:

Για Explorer και Opera:
topmargin="0" leftmargin="0"

Και για Netscape και Mozilla
marginheight="0" marginwidth="0"

Π.χ:
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">


Λογικά θα πετύχει....
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Mut3
Δημοσιεύσεις: 167
Εγγραφή: 03 Σεπ 2004 16:23
Επικοινωνία:

Προβλημα list margin σε ΙΕ6 και Firefox

Δημοσίευση από Mut3 » 16 Μάιος 2005 19:31

Μαλλον δεν καταλαβες το προβλημα patriot. Δεν με ενδιαφερει το margin του body αλλα των <ul> που χρησιμοποιω στο αριστερο μενου/column.

Άβαταρ μέλους
patriot
Honorary Member
Δημοσιεύσεις: 1590
Εγγραφή: 20 Αύγ 2002 19:21
Τοποθεσία: Σπίτι μου!

Προβλημα list margin σε ΙΕ6 και Firefox

Δημοσίευση από patriot » 16 Μάιος 2005 22:57

Ωχ!! Ναι έχεις δίκιο... είπες navigation, που δεν είναι ότι ήταν, αλλά ποιο πριν με μετά και ξέρω γω τι άλλο και μπερδεύτηκα. Σόρρυ.

Αλλά και πάλι υπάρχει λύση. Μέσα στο css βάλε ότι το <li> θες να είναι π.χ -10px. Το <li> ακολουθεί το <ul> και μπαίνει -10px σε σύγκριση με το <ul> όπως και αν βρίσκεται αυτό...
1) Για όποιον γράφει με πολυτονικά....
2) Καλά ακόμα να συνηθίσετε την ιδέα ότι δεν γράφουμε ούτε με greeklish ούτε με κεφαλαία;

Άβαταρ μέλους
softius
Script Master
Δημοσιεύσεις: 241
Εγγραφή: 11 Ιαν 2004 19:07
Επικοινωνία:

Προβλημα list margin σε ΙΕ6 και Firefox

Δημοσίευση από softius » 17 Μάιος 2005 02:19

Αν δεν κάνω λάθος, ο ένας φυλλομετρητής χρησιμοποιεί το margin για το indent και ο άλλος το padding. Για δοκίμασε:

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

margin&#58; 0;
padding&#58; 0;

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Προβλημα list margin σε ΙΕ6 και Firefox

Δημοσίευση από fafos » 17 Μάιος 2005 03:42

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

<STYLE type="text/css">
<!--
ul&#123;    
  padding-left &#58; 5px; 
  margin-left &#58; 5px;
  &#125;
-->
</STYLE>
Gia dokimase auto..

Mut3
Δημοσιεύσεις: 167
Εγγραφή: 03 Σεπ 2004 16:23
Επικοινωνία:

Προβλημα list margin σε ΙΕ6 και Firefox

Δημοσίευση από Mut3 » 17 Μάιος 2005 07:32

Thanks fafos, αυτο ηθελα.

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Προβλημα list margin σε ΙΕ6 και Firefox

Δημοσίευση από skeftomilos » 18 Μάιος 2005 03:27

Ένα νόμιμο hack για τον περιορισμό μίας CSS ιδίοτητας στον IE είναι το πρόθεμα * html, π.χ.:

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

* html ul &#123; background&#58; pink; &#125;
Μόνο ο IE θα δείξει ροζ το φόντο της λίστας.

Μία άλλη ενδιαφέρουσα ιδιότητα για το UL είναι η list-style-position, με δυνατές τιμές outside(default) και inside.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Απάντηση

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

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

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