"We are back" « oc.at

CSS: Bildabstand im DIV

Forum Index > Software > Coding Stuff

aNtraXx 03.08.2006 - 10:21 2092 8
Posts

aNtraXx

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

murcielago

Dr. Doom
Avatar
Registered: Oct 2002
Location: *
Posts: 2697
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: 6906
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: 4515
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: 6906
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 10:26.
Anmeldung

Noch keinen Account?
Jetzt registrieren.

New Posts
Today's Active Threads
[Aviation] Sammelthread zur Luftfahrt
10:26 Dune
Auf der Suche nach dem richtigen Werkzeug
10:23 paulus
W11 24H2 stop wegen Easy Anticheat > blöd für Ryzen 9000 Besitzer
09:47 jet2sp@ce
[Sammelbestellung] Olivenöl aus Kreta 2024
09:43 vb3rzm
[Netflix] Brick (2025)
09:40 rad1oactive
oc.at 3D Drucker Nerd Thread
09:26 DKCH
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.036 seconds (SQL-time: 0.032 seconds, 25 queries)
sponsored by www.nessus.at