"We are back" « oc.at

CSS: Bildabstand im DIV

Forum Index > Software > Coding Stuff

aNtraXx 03.08.2006 - 10:21 2205 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: 2715
03.08.2006 - 10:52
post' mal den code.

hynk

Vereinsmitglied
like totally ambivalent
Avatar
Registered: Apr 2003
Location: Linz
Posts: 11088
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: 4541
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 13:42.
Anmeldung

Noch keinen Account?
Jetzt registrieren.

New Posts
Today's Active Threads
Photovoltaik-Anlagen (Hausbau)
12:04 Joe_the_tulip
Massive Probleme mit Magenta Internet
11:51 eeK!
[Kino] Longlegs (Maika Monroe, Nicholas Cage]
09:36 rad1oactive
Hausbau Thread
08:29 normahl
Retro-PCs, anyone?
08:28 The300baudguy
[Kino]Badlands (New predator movie)
08:04 Saga
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.030 seconds (SQL-time: 0.026 seconds, 25 queries)
sponsored by www.nessus.at