"We are back" « oc.at

CSS: Bildabstand im DIV

Forum Index > Software > Coding Stuff

aNtraXx 03.08.2006 - 10:21 2006 8
Posts

aNtraXx

trailer park king
Avatar
Registered: Apr 2002
Location: Linz
Posts: 6907
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: 6907
03.08.2006 - 10:40
Das wäre sogar der Fall.

murcielago

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

hynk

Vereinsmitglied
like totally ambivalent
Avatar
Registered: Apr 2003
Location: Linz
Posts: 11083
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: 6907
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: 4477
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: 6907
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:26.
Anmeldung

Noch keinen Account?
Jetzt registrieren.

New Posts
Today's Active Threads
NVIDIA GeForce RTX 5000 Serie
20:21 charmin
Was hört ihr gerade?
20:04 Rogaahl
Hausbau Thread
19:54 Viper780
oc.at 3D Drucker Nerd Thread
19:53 davebastard
Unwichtige Fragen, trotzdem interessant!
19:24 d0lby
Der große Zoll FAQ Thread
18:59 LJ
Latest News
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
User of the Moment: Viper780
04.05. böhmi
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-2025
overclockers.at v4.thecommunity based on vBulletin 2.2.5
Page generated in 0.015 seconds (SQL-time: 0.011 seconds, 24 queries)
sponsored by www.nessus.at