Πρόβλημα με χαλασμένα divs στον ΙΕ7

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

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

Απάντηση
Άβαταρ μέλους
Banavas
Script Master
Δημοσιεύσεις: 1367
Εγγραφή: 21 Νοέμ 2004 20:25
Επικοινωνία:

Πρόβλημα με χαλασμένα divs στον ΙΕ7

Δημοσίευση από Banavas » 03 Σεπ 2009 12:02

Παιδιά καλημέρα,
Αν και παραδοσιακός υποστηρικτής των tables προσπαθώ να κάνω τα site μου πιο trendy!! (tabless) και θέλω μια βοήθεια.

Στην παρακάτω εικόνα φαίνεται το πρόβλημα. Αριστερά στον ΙΕ7 τα div's φαίνονται χαλασμένα. Δεξιά στον ΙΕ8 και στον FF3.5 όλα φαίνονται ΟΚ.

Τι μπορώ να κάνω για φαίνετε σωστά και στον ΙΕ7; Αν το κείμενο είναι μεγαλύτερο τότε διορθώνεται το πρόβλημα αλλά δεν μπορώ να βασιστώ σε αυτό γιατί το κείμενο με την εικόνα θα έρχονται δυναμικά.

Αυτός είναι ο css κώδικας για την κεντρική στήλη.

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

/*----------- CENTER PANEL ----------*/
#centerPanel {
	width:510px; float:left; padding:0 15px 15px 0;
}
#centerPanel h2.welcomeHeader {
	background:#E4DDCB url(../images/bluebar.png) 0 0 no-repeat; 
	height:30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	padding-top:2px;
	padding-left:30px;
	margin-bottom:5px;	
	
}
#centerPanel p {padding:0 0 10px 3px;}
#centerPanel p.readmore {
	height:16px; 
	background:url(../images/midline_bg.gif) 0 50% repeat-x;
	margin:0 4px 10px 6px; 
	padding:0;
}
#centerPanel p.readmore a {
	background:#E4DDCB url(../images/readmore_bg.gif) 0 0 no-repeat; 
	display:block;  
	width:90px;
	height:16px; 
	float:right; 
	color:#000;
	text-align:center;
	font:bold 10px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
#centerPanel p.readmore a:hover {
	color:#fff; 
	background:#E4DDCB url(../images/readmore_bg.gif) 0 0 no-repeat;
}
Εικόνα
Happy coding....
Μάρκος
http://lasernet.gr

Άβαταρ μέλους
Alice_Cooper
Δημοσιεύσεις: 1948
Εγγραφή: 11 Μάιος 2007 00:33
Τοποθεσία: Ioannina
Επικοινωνία:

Πρόβλημα με χαλασμένα divs στον ΙΕ7

Δημοσίευση από Alice_Cooper » 03 Σεπ 2009 12:32

an valeis clear:both sto #centerPanel h2.welcomeHeader ???

Άβαταρ μέλους
Banavas
Script Master
Δημοσιεύσεις: 1367
Εγγραφή: 21 Νοέμ 2004 20:25
Επικοινωνία:

Πρόβλημα με χαλασμένα divs στον ΙΕ7

Δημοσίευση από Banavas » 03 Σεπ 2009 13:02

Μπράβο βρε. Εκεί που παιδευόμουνα ώρες στο freestuff λύθηκε το πρόβλημά μου tsak - mpam.....

Alice κρίμα που δεν είσαι Θεσσαλονίκη να σε κεράσω κανένα σουβλάκι με μπύρα :pint:
Happy coding....
Μάρκος
http://lasernet.gr

Άβαταρ μέλους
Alice_Cooper
Δημοσιεύσεις: 1948
Εγγραφή: 11 Μάιος 2007 00:33
Τοποθεσία: Ioannina
Επικοινωνία:

Πρόβλημα με χαλασμένα divs στον ΙΕ7

Δημοσίευση από Alice_Cooper » 03 Σεπ 2009 16:09

xaxaxaxxaxxeeex ote na me ikseres ....
vrikes to agapimeno mou fagopoti :p

Απάντηση

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

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

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