Internet Explorer fügt Abstand über div ein
Martin
- css
Hallo,
ich habe folgendes Problem:
zwei div-Container, der erste wird mit float:left nach links geschoben, der zweite steht folglich rechts davon.
Nur der Internet-Explorer fügt vor Text in diesem Container einen Abstand ein. Egal ob ich den Text als Absatz <p>...</p> definiere oder nicht. Ich hab den Verdacht, es könnte der "normale" Abstand vor Absätzen sein. Den ich bei allen Browsern auf Null setzten kann, nur nicht beim IE (in diesem speziellen Fall).
Ich bin mit meiner Weisheit am Ende, weiß jemand Rat?
Danke.
Es folgt der Quellcodeauszug:
<div class="tour">
<div class="tourbez">
<div class="name">dfdf dfdsfds</div>
<div class="datum">fdsfsd</div>
</div>
<div class="tourbesch" style="border-top:5px solid red;">xxxxx
<p> fdgfgdfgfgfdd
sdfdsf </p>
<div class="tourinfo">Abfahrt: 8.30 Uhr am Gymnasium</div>
</div>
<div style="clear:both"></div>
</div>
Stylesheet:
.tour {
padding-bottom:3px;
padding-top:5px;
margin:2px 3px 2px 3px;
border-bottom:solid 1px black;
border-top:solid 1px black;
}
.tourbez { /* für linke Tabellen-Spalte */
width:180px;
text-align:right;
vertical-align:top;
padding-top:.2em;
background-color:#EEFBEF;
float:left;
}
.name {
font-size:1.3em;
line-height:120%;
color:#006600;
border-top-style:double;
border-bottom-style:double;
padding:0.01em; /* für den Firefox, der sonst den double nur unten zu einem solid verkümmern läßt */
}
.tourinfo {
margin-top:0.3em;
margin-left:-0.3em;
padding-left:0.3em;
text-align:left;
border:thin solid black;
}
.datum {
color:#0000FF;
margin:0.5em 0;
}
.tourbesch {
margin-left:185px;
border-left:5px #FFFFFF;
text-align:justify;
background-color:#EEFBEF;
margin-top:0;
}
Hallo
zwei div-Container, der erste wird mit float:left nach links geschoben, der zweite steht folglich rechts davon.
Nur der Internet-Explorer fügt vor Text in diesem Container einen Abstand ein. Egal ob ich den Text als Absatz <p>...</p> definiere oder nicht. Ich hab den Verdacht, es könnte der "normale" Abstand vor Absätzen sein. Den ich bei allen Browsern auf Null setzten kann, nur nicht beim IE (in diesem speziellen Fall).
Ich bin mit meiner Weisheit am Ende, weiß jemand Rat?
Könntest du evtl. vor diesem Problem (3 Pixel Abstand beim IE) stehen?
Für weitere Informationen: google.de: "three pixel text jog"
Tschö, Auge
Könntest du evtl. vor diesem Problem (3 Pixel Abstand beim IE) stehen?
Für weitere Informationen: google.de: "three pixel text jog"Tschö, Auge
Denk ich nicht, für 3 Pixel ist der abstand zu groß.
Zweitens: alle Browser fügen den gleichen Abstand ein, wenn ich den Text als Absatz auszeichne und keine weiteren Angaben zum margin-top mache.
Bei allen nicht IE-Browsern wird ein margin:0 akzeptiert.
Den Abstand im Falle IE kann ich auch verändern, nur anscheinend versteht der unter Null etwas anderes.
Ohne <p> Tags behält IE den Abstand (übliche Absatzabstand oben), der Rest der Browser nicht (so wie es sein soll).
Der Link verweist auf den Screenshot des IE, der rote Rahmen als Orientierung.
Hier der Link:
http://www.alpenverein-eggenfelden.de/ausschnitt.png
Hallo Martin
Nur der Internet-Explorer fügt vor Text in diesem Container einen Abstand ein. ...
Ich bin mit meiner Weisheit am Ende, ...
Ja, ja, die Bugs des IE sind unerforschlich.
weiß jemand Rat?
Gib .tour
für den IE ein height:1%
, damit er feststellt dass da irgendwas
nicht passt und sich die Sache dann nochmal überlegt.
Und bitte frage mich bitte nicht, welcher IE-Bug das nun genau ist, ich
merke mir nie, wie die heißen.
Auf Wiederlesen
Detlef
Gib
.tour
für den IE einheight:1%
, damit er feststellt dass da irgendwas
nicht passt und sich die Sache dann nochmal überlegt.
Das heißt dann, man nutzt einen anderen Bug (nämlich, daß der IE height als min-height interpretiert) um einen anderen zubeheben.
Außerdem:
eine Browserweiche bräuchte ich ja trotdem, weil height:1% alle anderen Browser richtig auffassen und den äußeren div 'zusammenfalten' (auf 1%).
Sollte irgendwann der Bug im IE - mit einer neuen Version - behoben sein, dann ...
Für jeden Release des IE eine Extrawurscht? Das kanns doch auch nicht sein!
Hallo
Gib
.tour
für den IE einheight:1%
, damit er feststellt dass da irgendwas
nicht passt und sich die Sache dann nochmal überlegt.Das heißt dann, man nutzt einen anderen Bug (nämlich, daß der IE height als min-height interpretiert) um einen anderen zubeheben.
Ja.
Außerdem:
eine Browserweiche bräuchte ich ja trotdem, weil height:1% alle anderen Browser richtig auffassen und den äußeren div 'zusammenfalten' (auf 1%).
Richtig.
Sollte irgendwann der Bug im IE - mit einer neuen Version - behoben sein, dann ...
Für jeden Release des IE eine Extrawurscht? Das kanns doch auch nicht sein!
Wer sagt, dass es muss? Contitional Comments für den MSIE (sogar mit Fallunterscheidung für die verschiedenen Versionen). Das sollte dein Problem lösen.
Tschö, Auge