auto margin and IE

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

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

Απάντηση
kekropas
Δημοσιεύσεις: 46
Εγγραφή: 25 Αύγ 2008 21:53

auto margin and IE

Δημοσίευση από kekropas » 05 Φεβ 2010 14:08

Παιδιά hello, έχω κάτι απλό όπως

#container {
width: 900px; margin: 0 auto;
}

το οποίο δεν δουλεύει σε IE8. Μπορώ να κάνω κάτι? (Μέσα στο container έχω όλα τα div μου (header, content κτλ)).

Γενικά πάντως ενώ έχω το ίδιο ακριβώς αποτέλεσμα σε firefox,opera, chrome στον IE όλα τα margin είναι μικρότερα. Υπάρχει κανένα καλό link να μου δώσετε?

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

auto margin and IE

Δημοσίευση από korgr » 05 Φεβ 2010 17:24


Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

auto margin and IE

Δημοσίευση από dimsis » 05 Φεβ 2010 19:08

Το container είναι το εξωτερικό div και στην ουσία θέλεις να κεντράρεις ολόκληρο το site σου που βρίσκετε μέσα στο container;
Δοκίμασε μια και body{ margin:0 auto; } εκτός από αυτό που έχεις τώρα.
εκτός και αν θέλεις να κεντράρεις τα περιεχόμενα του container... ;

nbc
Honorary Member
Δημοσιεύσεις: 526
Εγγραφή: 05 Σεπ 2009 20:12
Επικοινωνία:

auto margin and IE

Δημοσίευση από nbc » 05 Φεβ 2010 19:57

Αν το #container (ή το parent του) δεν έχουν rules που να το μπερδεύουν (πχ floating, inlining, positioning, απώλεια hasLayout), τότε το πιθανότερο είναι να κάνει rendering σε quirks mode, λόγου ακατάλληλου doctype header, πχ, η σελίδα να αρχίζει με BOM sequence, comments, κενά, κλπ.

Το "0 auto" είχε πρόβλημα στη beta του IE8, αλλά το φτιάξανε (αν και εξακολουθεί να είναι ...picky).

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

auto margin and IE

Δημοσίευση από Basilakis » 06 Φεβ 2010 17:21

Εάν βάλεις και ένα text-align:center; θα δουλέψει... δυστυχώς ο IE δεν αναγνωρίζει μόνο το margin: 0 auto;

για την ακρίβεια πρέπει να το κάνεις...

body {
margin: 0 auto;
}

#container{
.....
text-align:center;
}

kekropas
Δημοσιεύσεις: 46
Εγγραφή: 25 Αύγ 2008 21:53

auto margin and IE

Δημοσίευση από kekropas » 06 Φεβ 2010 20:42

Ευχαριστώ παιδιά,λοιπόν έχω μέσα στο body το container(αυτό θέω να κεντράρω, το body θέλω width 100%) που έχει όλο το site μου και το css μου είναι το εξής και έχει πρόβλημα στον ΙΕ8 στο margin auto και στο margin top του content μου το βγάζει πιο πάνω από το κανονικό. Τώρα το έχω διορθώσει όπως να'ναι για τον IE

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


body {
	font-family:Arial, Helvetica, sans-serif;
	background:#eee url(../images/header_bg.png) repeat-x;
}

#container {
	width:900px; 
	margin:0 auto;	
	margin-left:15%\9; /* Αυτό θα το βλέπει ο internet explorer 8, 7, 6 */
}

#header {
	height:235px; padding:55px 0 0 0;
}

#header h1 a {
	display:block; width:400px; height:87px; float:left;
	background:url(../images/logo.png); text-indent:-9999px;
}

#content {
	margin:25px 0 70px 0;
	margin-top:85px\9; /* Αυτό θα το βλέπει ο internet explorer 8, 7, 6 */
}

#content p {
	color:#3d3d3d;	font-size:14px; line-height:18px; margin:0 0 20px 0;
}

#content a {
		color: #4d4d4d; font-weight: strong; text-decoration: none;
	}	
#content a:hover { color: #3d3d3d; text-decoration: underline; }

#content #main {
	width:705px; float:left; margin:0 40px 0 0;	
}
#content #main h3 {
		color:#8d8d8d; font-size:25px; line-height:28px;	 font-weight:normal;
		margin:0 0 25px 0;
}
#content #main p {
		color:#3d3d3d; font-size:16px; line-height:28px;	 font-weight:normal;
		margin:0 0 25px 0;
		text-align:justify;
	}


kekropas
Δημοσιεύσεις: 46
Εγγραφή: 25 Αύγ 2008 21:53

auto margin and IE

Δημοσίευση από kekropas » 11 Φεβ 2010 00:28

nbc έγραψε:.. το πιθανότερο είναι να κάνει rendering σε quirks mode, λόγου ακατάλληλου doctype header, πχ, η σελίδα να αρχίζει με BOM sequence, comments, κενά, κλπ.
Κάτι εκεί έπαιζε τελικά λάθος, ευχαριστώ παιδιά problem solved!

Απάντηση

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

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

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