nicht angemeldet
img neben img -> abstand darunter
StruppiHi!
Ich hab folgendes Problem:
Eigentlich will ich nur zwei Bilder (Höhe 17px) nebeneinander in einem div-element haben, aber beim IE7 krieg ich einen hässlichen Abstand darunter: ca. 3px.. der muss weg!
hier ein screenshot:
http://www.bilder-space.de/show.php?file=8prmXmfQfLQLHyU.jpg
Ich habe keine Ahnung, wie ich die rosa Fläche weg kriege...
hier mal code:
stylsheet des div-elements:
#menu2tabs {position:absolute; left:15px; top:130px; height:17px; background-color:#ff00ff;}
html:
<div id="menu2tabs"><img src="bild.gif" height="17" border="0"><img src="bild.gif" height="17" border="0"></div>
Ich hoffe, ihr könnt mir helfen!
-
Eigentlich will ich nur zwei Bilder (Höhe 17px) nebeneinander in einem div-element haben, aber beim IE7 krieg ich einen hässlichen Abstand darunter: ca. 3px.. der muss weg!
Das hört sich nach Unterlängen an.
hier ein screenshot:
http://www.bilder-space.de/show.php?file=8prmXmfQfLQLHyU.jpg"ein Bild sagt oft mehr als tausend Worte", leider stimmt das nicht wenn es um Probleme mit HTML/CSS Code geht.
hier mal code:
Mit dem Code kann ich den Effekt nicht sehen.
Struppi.
-
hier der quelltext ausführlich(er).. damit müsste man es sehen können!
<html>
<head>
<style type="text/css">
body {margin:0px; background-color:#ffffff;overflow:auto;}
img {border:none;}
div,span {font-family:helvetica; font-size:11px;}
#space_left {position:absolute; left:0px; top:0px; width:7px; height:100%; background-color:#E1E1D8;}
#menu2box {position:absolute; left:0px; top:92px; width:100%; height:57px; background-color:#E1E1D8;}
#menu1box {position:absolute; left:0px; top:0px; width:100%; height:92px; background-color:#C1C6BF;}
#menu1box_bottom {position:absolute; left:0px; top:95px; width:100%; height:10px; background-color:#b6bcb4;}
#menu1box div {margin-top:4px;}
#menu1box div #tab {margin-left:40px;}
#time {margin-left:25px; font-size:10px;}
#menu2tabs {position:absolute; left:15px; top:130px; height:17px; background-color:#ff00ff;}
#menu2tabs span {display:block; vertical-align:text-top; font-family:helvetica; font-size:11px; color:#000000;}
</style>
</head><body>
<div id="space_left"></div>
<div id="menu1box">
<div><span id="time">Fr 12-10-2007 12:39</span><span id="tab">Start</span><span id="tab">Start</span></div></div>
<div id="menu2box"></div>
<div id="menu1box_bottom"></div>
<div id="menu2tabs"><span><img src="bild.jpg" height="17" border="0"><img src="bild.jpg" height="17" border="0"></span></div></body>
</html>-
hier der quelltext ausführlich(er).. damit müsste man es sehen können!
Nö, http://javascript.jstruebig.de/test/css test.html
Struppi.
-
Hi Manuel,
ich würde denken, du hast keine oder ne falsche Doctype declaration.
Probier diese:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Gruß
Antipitch-
Ja damit hat's jetzt geklappt! Vielen Dank
Seltsame Sache
-
Ja damit hat's jetzt geklappt! Vielen Dank
gerne
Seltsame Sache
Nee nee, extrem wichtige Sache. Erst der Doctype sagt dem Browser, mit welcher Art HTML er es zu tun hat und wie er es genau interpretieren soll. Wenn du ernsthaft Webseiten entwickeln willst, informier dich bitte zu dem Thema http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp.
Hättest du's gewusst, hätte Struppi deine Seite nicht nachzubauen brauchen. Und macht ja auch mehr Spass, wenn man weiß, was man tut...
Gruß
Antipitch
-
-
-
-