mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: So 28.04.2024 12:19 Benutzername: Passwort: Auto-Login

Thema: css-prob mit border-bottom im ie 6 vom 26.01.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> css-prob mit border-bottom im ie 6
Autor Nachricht
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 26.01.2007 22:02
Titel

css-prob mit border-bottom im ie 6

 Antworten mit Zitat Zum Seitenanfang
Hallo Ihr Lieben,

Ich habe ein Bild (jeweils links) und daneben einen Text gestellt, der rechts, oben und unten eine rote Linie hat. Links steht er am "Bild dran". Im Mozilla sieht das alles wunderbar aus, aber im ie ist der untere Rahmen des divs ca. 3 pixel weiter unten als der Rest. Woran liegt das? Bitte helft mir schnell! *hu hu huu*
Lg

Code:

<body>
<div id="box">
  <div><h1>Arbeitsproben</h1></div>
 
 <div id="box1">
<div id="bild"><a href="Bilder/links/cocktailkarte.pdf" target="_blank"><img src="Bilder/cocktails_over.jpg" border="0" title="Klick mich!" /></a></div>
<div id="textkasten" >
   <h2><a href="Bilder/links/cocktailkarte.pdf" target="_blank">Cocktailkarte "Dorfkrug"</a></h2> </div>
</div>

 
 
</div>
</body>


Code:




body {
margin: 0;
padding: 0;
}

#box {
   width: 500px;
   height: 500px;
   margin-left:auto;
   margin-right:auto;   
   background-image:url(Bilder/hintergund2.jpg);
   background-repeat:no-repeat;
   position:relative;
}

#box1 {
   left:60px;
   top:95px;
   height:40px;
   width:160px;
   position:absolute;

}



h1 {
   padding-left:100px;
   padding-top:7px;
    font-size:18px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   
}

h2 {
    font-size:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   
}

#textkasten {
   
   border-bottom: 1px solid #B12317;
   border-top: 1px solid #B12317;
   float:left;
    font-size:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   padding-left:10px;
   top:0px;
   left:40px;
   height:38px;
   width:105px;
   position:absolute;
   line-height:13px;
   
}

#textkasten a {

    font-size:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   color:#000000;
   
}
#textkasten a:hover {

    font-size:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:underline;
   
}


#bild {
   height:40px;
   width:40px;
   display: block;
   float:left;
   left: 0px;
   top: 0px;
   position:absolute;
   color:#000000;
   border-left:2px solid #FFFFFF;
   
   
}
 
therapiekind

Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
Verfasst Fr 26.01.2007 22:25
Titel

Antworten mit Zitat Zum Seitenanfang
padding und margin der H2 auf 0 setzen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 26.01.2007 22:35
Titel

Antworten mit Zitat Zum Seitenanfang
super danke, hast mich echt gerettet (mal wieder) *zwinker*
wenn ich das nicht auf 0 setze fügt dann der ie automatisch was dazu?? kann man da irgendwo zu was nachlesen? will ja schlauer werden. * Ja, ja, ja... *
 
therapiekind

Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
Verfasst Fr 26.01.2007 22:44
Titel

Antworten mit Zitat Zum Seitenanfang
Ja, der IE verwendet dann seine internen Standardwerte für margin und padding.
Das macht jeder andere Browser auch, nur eben nicht alle gleich. Und der IE hat höhere Werte, darum hat sich das bei deinem Layout bemerkbar gemacht.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen CSS: border-bottom beim a-tag: Problem mit IE7
[CSS] Border-bottom unter kompletten Listenpunkt?
CSS-Problem mit border-bottom - will es nicht bei Bildern
CSS Navi-Problem "border-bottom" und IE
Bilder im A-Element haben trotz border:none einen border
CSS Bildlink: ohne border - hover: mit border
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB