nicht angemeldet
Unterschiede padding IE, Mozilla Safari
Hallo,
ich habe da ein Problem mit der Positionierun von div Container. Bei Opera, Mozilla und Safari passt es ganz genau, nur dieser Sch... IE will net so richtig.
Ich habe einen Container links positioniert als Menü und rechts davon kommen dann die Inhaltsordner rein. Mein Problem ist nun, ausser bei IE sind die Container auf der gleichen Höhe sprich haben den gleichen Abstand von oben. Beim IE allerdings fangen die rechten Container weiter unten an und ich habe keine Ahnung wie ich das ändern kann.
Hier mal mein CSS:
body {
font: 12px Arial;
}
#left {
background: #CCCFFF;
padding: 0;
border: 1px solid #09f;
margin: 10px;
width: 225px;
position: absolute;
top: 0px;
left: 0px;
float: right;
}
#field1 {
background-color: #FFFFE1;
padding: 5px;
border: 1px solid #09f;
margin: 10px 10px 10px 247px;
width: 600px;
}
#field1 h1 {
font: bold 12px Arial, Helvetica, sans-serif;
margin-top: 2px;
margin-bottom: 2px;
}
#field1 h2 {
margin-left: 10px;
margin-top: 2px;
margin-bottom: 2px;
text-decoration: underline;
font: normal 12px Arial, Helvetica, sans-serif;
color: Olive;
}
#field1 h3 {
margin-left: 15px;
margin-top: 0;
margin-bottom: 5px;
font: normal 12px Arial, Helvetica, sans-serif;
}
#field2 {
background-color: #F0F1FF;
padding: 5px;
border: 1px solid #09f;
margin: 10px 10px 10px 247px;
width: 600px;
}
#field2 h1 {
font: bold 12px Arial, Helvetica, sans-serif;
margin-top: 2px;
margin-bottom: 2px;
}
#field2 h2 {
margin-left: 10px;
margin-top: 2px;
margin-bottom: 2px;
text-decoration: underline;
font: normal 12px Arial, Helvetica, sans-serif;
color: #3300FF;
}
#field2 h3 {
margin-left: 15px;
margin-top: 0;
margin-bottom: 5px;
font: normal 12px Arial, Helvetica, sans-serif;
}
Habt ihr vielleicht eine Idee, hatte das Problem nun schon ein paar mal.
Danke
-
Habt ihr vielleicht eine Idee, hatte das Problem nun schon ein paar mal.
http://carsten-protsch.de/zwischennetz/doctype/box_model_bug.html
-
Habt ihr vielleicht eine Idee
Ja, lass den IE doch sausen. Ich habe es längst aufgegeben, eine Seite für den IE 1:1 hinzutrimmen.
Hauptsache, die Texte sind lesbar und überlappen sich nicht. Dass die Überschrift dann mit wegscrollt und Abstände anders sind, wollen IE- Nutzer doch so. Dann lass sie doch auch!
Hier ein Synonym:
Kurt ist gestorben. Er war im Leben ein Schwein und kommt also in die Hölle.
Ein Teufel zeigt ihm alles. Da gibt es eine Bar, an der man sich kostenlos besaufen kann, einen Puff, in dem man Freude geniessen kann, einen Sportplatz, ein Schwimmbad, einfach jeden Luxus.
Auf dem Weg zu den Umkleidekabinen kommt Kurt an einer Tür mit einem Guckfensterchen vorbei, stutzt, geht zuück und schaut hinein. Da werden Leute auf offenem Feuer geröstet, gepeitscht und mit kochendem Wasser übergossen.
Kurt zu seinem Teufel: "Was ist das denn?"
Teufel: "Das sind die Katholiken, die wollen das so."
-
Habt ihr vielleicht eine Idee
Ja, lass den IE doch sausen. Ich habe es längst aufgegeben, eine Seite für den IE 1:1 hinzutrimmen.
warum - dafür gibts praktisch keinen grund, einen website ie-tauglich zu machen ist kein problem - zudem hat das ding gute 60% marktanteil (je nach quelle abweichend)
Hauptsache, die Texte sind lesbar und überlappen sich nicht. Dass die Überschrift dann mit wegscrollt und Abstände anders sind, wollen IE- Nutzer doch so. Dann lass sie doch auch!
nein das wollen sie nicht so - das liegt in fast 100% der fälle an der inkopetenz des autors, den browser mit invalidem code zu füttern, der ihn in den quirksmode zwingt
-
-