✔ <img ... height="1"> Nicht im Internet Explorer?

Status
Nicht offen für weitere Antworten.
E

Every_b

Mitglied
Hallo Community!

Ich hab folgendes Problem:

Ich hab meine Website für Firefox optimiert und bin nun dabei sie noch auf IE zu normen, damit man in beiden Browsern ein ordentliches Ergebnis hat.

Bei einer Sache beiß ich mir noch die Zähne aus:
Ich habe eine Grafik die 150x1 px ist.

Im Firefox wird sie nur 1px hoch angezeigt.
Im Internet explorer macht er Height jedoch größer.
Habe schon probiert einfach height="1" anzugeben, aber das ändert nichts.

Weiß evtl. jemand wie ich die Grafik auch im Internet Explorer auf 1px bekomme?
Für das bessere Verständnis hab ich 2 Screenshots geuppt.

Internet Explorer
(hier nochmal die Markierte Grafik: *click*)

Firefox

Hoffe jemand weiß wie ich diese Kleinigkeit löse ^^
Danke im vorraus ;)

greetZ
 
Zuletzt bearbeitet:
Ich habe eher den Eindruck, dass die Grafik im IE weiter unten dargestellt wird, als im Firefox-Browser.

Zeig doch bitte mal den vollständigen Quellcode (HTML + CSS) der Seite, damit man einen Blick drauf werfen kann.
 
Alles klar :)

Wobei ich vorher sagen will, dass man am markierten Pic sehen kann dass er es größer darstellt als ein Pixel.

home.php
Code: 
<html>
<head>
<title>:[Every_b | ©2006 | Can't touch this!</title>

<link rel="stylesheet" type="text/css" href="design.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
<!--
.only1 {
	background-attachment: fixed;
	background-repeat: no-repeat;
	
}
-->
</style>
<!-- scrollbar -->

<STYLE>BODY { 
scrollbar-face-color: #00ff00; 
SCROLLBAR-TRACK-COLOR: #00ff00;
scrollbar-arrow-color: #0e204d; 
scrollbar-base-color: #00ff00; 
scrollbar-shadow-color : #00ff00; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #00ff00; 
scrollbar-highlight-color: #00ff00; 
} </STYLE>
</head>
<body bgcolor="#b3b3b3" class="only1" background="Bilder/index_08.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="left">
<br>
<span class="style4">
&nbsp;&nbsp;&nbsp;&nbsp;welcome to every_b's page</font>
<p>&nbsp;</p>
</span>
<font color="#0080ff">
&nbsp;»
</font>
<font color="#ffffff" size="2">17.09.06 ::</font><br>
<img src="line.png">
<p>
&nbsp;<span class="style8">+</span><span class="style1">about page online now..</span><br>
&nbsp;<span class="style8">+</span><span class="style1">gallery online but under construction</span><br>
&nbsp;<span class="style8">+</span><span class="style1">workz online..</span><br>
&nbsp;<span class="style8">+</span><span class="style1">media <b>zum teil</b> online</span><br>
&nbsp;<span class="style8">+</span><span class="style1">uund die links stehen.. linktausch? <a href="mailto:everyb [at] mutrun.de target="_blank">everyb [at] mutrun.de</a></span><br>
&nbsp;<span class="style8">+</span><span class="style1">so far.. nun ist das <b>g-book</b> auch online!</span>
<p>
<font color="#0080ff">
&nbsp;»
</font>
<font color="#ffffff" size="2">17.09.06 ::</font><br>
<img src="line.png">
<p>
&nbsp;<span class="style8">+</span><span class="style1">neue startmusic.. 4 neue lieder am start ;)</span>
<p>
<font color="#0080ff">
&nbsp;»
</font>
<font color="#ffffff" size="2">17.09.06 ::</font><br>
<img src="line.png">
<p>
&nbsp;<span class="style8">+</span><span class="style1"><b>ONLINE</b>: happenz! die page geht heute online.. freut euch auf stuff, music-promo and more.</span>
<p>
</div>
</body>
</html>


design.css
Code: 
body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;}


.style1 {font-size: 12px;color: #ffffff;}
.style2 {font-size: 10px;color: #ffffff;}
.style3 {font-size: 12px;color: #a4a4a4;}
.style4 {font-size: 10px;color: #a4a4a4;}
.style6 {font-size: 12px;color: #0080ff;}
.style7 {font-size: 10px;color: #0080ff;}
.style8 {font-size: 12px;color: #000000;}
.style9 {font-size: 10px;color: #000000;}

a {text-decoration: none}
a:link {color:#990000}
a:visited {	color:#990000}
a:active {color:#990000}
a:hover{color: #ffffff;text-decoration: underline;}
.my1 {
	background-repeat: no-repeat;
}


Hoffe du erkennst was :-s
Danke schonmal^^
 
Zuletzt bearbeitet:
Entferne mal das br-Element und wende folgendes Stylesheet auf die Grafik an:

Code: 
<font color="#ffffff" size="2">17.09.06 ::</font>
<img src="line.png" style="display:block;margin:0;">
 
Klappt und funktioniert perfekt ^^

Danke für deinen schnellen und hammer Support ;)
Hätte nich gedacht dass das so schnell lösbar ist.


Danke nochmal dir!

greetZ
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück