provlima padding se IE & Mozilla

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

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

Απάντηση
petroszav
Δημοσιεύσεις: 21
Εγγραφή: 16 Μάιος 2008 15:57

provlima padding se IE & Mozilla

Δημοσίευση από petroszav » 30 Μαρ 2009 21:40

Καλησπέρα
αντιμετωπίζω το εξής πρόβλημα:

έχω ένα div id="main" με width: 800 και padding-left: 25
στον mozilla για να διατηρηθεί το width: 800 θα πρέπει να του αφαιρέσω τα 25 του padding οπότε το width γίνετε 775. Έτσι εχουμε συνολικό width: 775+25 = 800

στο ΙΕ όμως το padding δεν υπολογίζεται στο width. Έτσι το συνολικό width παραμένει 775 το οποίο μου δημιουργεί πρόβλημα ασυμβατότητας στη σελίδα σε ΙΕ και Mozilla.

κάνοντας το width: 100% δεν αλλάζει κάτι. Στο ΙΕ το padding δεν επηρεάζει το width.

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

#container {
	width: 800px;
}

#main{
	float: left;
	padding-left: 25px;
	width: 775px;
	background-image: url(../images/bg_main.png);
	background-repeat: repeat-y;
}
Υπάρχει μήπως τρόπος να βλέπω τον browser που χρησιμοποιεί ο user ωστε να αλλάζω το width δυναμικά? Η μήπως υπάρχει ευκολότερη λύση?

*Edit by Moderator: Έβαλα τον κώδικα σε [ code][/code].

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

provlima padding se IE & Mozilla

Δημοσίευση από fafos » 30 Μαρ 2009 21:57

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

//gia olous ektos IE
#main{
   float: left;
   padding-left: 25px;
   width: 775px;
   background-image: url(../images/bg_main.png);
   background-repeat: repeat-y;
}

//Gia IE 
<!--&#91;if IE&#93;>
<style>
#main&#123;
   float&#58; left;
   padding-left&#58; 25px;
   width&#58; 800px;
   background-image&#58; url&#40;../images/bg_main.png&#41;;
   background-repeat&#58; repeat-y;
&#125;
</style>
<!&#91;EndIf&#93;-->
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

petroszav
Δημοσιεύσεις: 21
Εγγραφή: 16 Μάιος 2008 15:57

provlima padding se IE & Mozilla

Δημοσίευση από petroszav » 31 Μαρ 2009 00:59

Σε ευχαριστώ πολύ fafos ;)

Απάντηση

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

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

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