"We are back" « oc.at

CSS: Bildabstand im DIV

Forum Index > Software > Coding Stuff

aNtraXx 03.08.2006 - 10:21 2190 8
Posts

aNtraXx

trailer park king
Avatar
Registered: Apr 2002
Location: Linz
Posts: 6918
03.08.2006 - 10:21
Hallo allerseits.

Ich hab wieder mal ein problem, dass mir ganz schön zu schaffen gibt.

Und zwar gehts um folgendes:

Ich habe einen DIV-Tag in dem ein Bild per IMG-Tag eingebettet ist. Jetzt verhält sich das Bild so, dass es im IE 3px Leerraum am unteren Rand erzeugt. Im FF ist jedoch nichts vom Abstand zu bemerken.

Der Effekt tritt auch ohne CSS auf, sprich, wenn ich einfach ein Bild in einen DIV-Tag einbette tritt es ebenfalls auf.

Nun habe ich es schon mit margin, padding, vspace, hspace probiert, jedoch hilft mir nichts davon.

Hat jemand eine Ahnung wie ich diesen Abstand von 3px entfernen kann? Ich kann das Bild leider nicht als Background-Image laden. Als BG-IMG tritt das Problem nämlich nciht auf.

tia, Bernhard

BooTes

Octocat!
Avatar
Registered: Sep 2002
Location: St. Egyden
Posts: 1595
03.08.2006 - 10:35
Probier mal die Höhe vom DIV-Tag einzutragen, also gleich hoch wie das Bild.

aNtraXx

trailer park king
Avatar
Registered: Apr 2002
Location: Linz
Posts: 6918
03.08.2006 - 10:40
Das wäre sogar der Fall.

murcielago

Dr. Doom
Avatar
Registered: Oct 2002
Location: *
Posts: 2714
03.08.2006 - 10:52
post' mal den code.

hynk

Vereinsmitglied
like totally ambivalent
Avatar
Registered: Apr 2003
Location: Linz
Posts: 11087
03.08.2006 - 11:03
blöde frage, aber hast border auf 0 gesetzt?

aNtraXx

trailer park king
Avatar
Registered: Apr 2002
Location: Linz
Posts: 6918
03.08.2006 - 11:36
natürlich ist border auf 0 ;)

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<style type="text/css">
<!--

#testdiv {
	background-color:#CC3366;
	width: 270px;
	height: 168px;
	padding:0px;
	margin:0px;
}

#testdiv img {
	border:0px;
}
-->
</style>
</head>

<body>

<div id="testdiv">
	<img hspace="0" vspace="0" src="../../../Dreamweavertest/bild.jpg" />
</div>

</body>
</html>

Das Bild ist 270x168 Pixel groß.

Rektal

Here to stay
Registered: Dec 2002
Location: Inside
Posts: 4533
03.08.2006 - 14:07
Du hast Leerzeichen zwischen <img /> und </div>, das wirds wohl sein.

derelict

Legend
Legend
Avatar
Registered: May 2004
Location: outside
Posts: 365
03.08.2006 - 14:12
ja, wegen dem space --- der eigentliche grund ist aber ein anderer - siehe http://www.slis.indiana.edu/faculty.../cssimages.html

aNtraXx

trailer park king
Avatar
Registered: Apr 2002
Location: Linz
Posts: 6918
03.08.2006 - 14:12
:bash: Du hast recht!

Es sind zwar keine Leerzeichen, sondern einfach ein Linebreak im Code zur strukturierung. So ein S* ist mir ja echt noch nicht untergekommen.

Danke!
All times are GMT +1 hour. The time now is 20:11.
Anmeldung

Noch keinen Account?
Jetzt registrieren.

New Posts
Today's Active Threads
Vinyl
19:18 Viper780
Was hört ihr gerade?
18:49 GrandAdmiralThrawn
[Multi] skate.
18:43 mat
[Multi] Resident Evil 9 Requiem
15:21 D-Man
Iran
11:27 Jedimaster
Schiebetüre im Wohnbereich
10:45 tinker
Latest News
Eine letzte Chance für das WEP?
21.09. mat
overclockers.at is back!
25.01. mat
User of the Month: disposableHero
28.10. WONDERMIKE
Neues Unterforum: Artificial Intelligence
10.08. WONDERMIKE
Erweiterung unseres Suche / Biete / Tausche Markplatzes: Alles außer Hardware!
07.04. WONDERMIKE
Archives: News Articles
Links

Partners:
» Gamers.at
» Notebookcheck.com

L E F T B A R
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz
© all rights reserved by overclockers.at 2000-2026
overclockers.at v4.thecommunity based on vBulletin 2.2.5
Page generated in 0.029 seconds (SQL-time: 0.024 seconds, 22 queries)
sponsored by www.nessus.at