zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Absolute Positionierung von Grafiken im relativem <div>

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.07.2004, 07:18
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.10.2003
Beiträge: 98
PrinzEisenherz befindet sich auf einem aufstrebenden Ast
Standard Absolute Positionierung von Grafiken im relativem <div>

Edit: Sorry. Hat sich erledigt. Wenn ich die Bilder zusätzlich absolute positioniere ist der Fehler weg.

Hallo zusammen.

Ich hab noch ein Problem.

Ich habe eine Grafik in einem relativ positioniertem Div.
Das Div ist genauso groß wie das Bild.
Auf diesem Bild bzw. im Div positioniere ich kleine Grafiken absolut.

Im IE6 und im Opera7.23 ist alles i.O.

Im Firefox 0.9.1 und im NN7.1 werden die winzigen User-Punkte um etwa 10 Pixel nach unten verschoben.
Die Grafik für die nächste LAN-Party ist aber in allen Browsern richtig positioniert.
Das verwirrende daran ist, dass alle Grafiken mit der selben Technologie positioniert werden.

Hier der Code zum probieren.

Edit: Der Vollständigkeithalber habe ich den Code überarbeitet. Vielleicht möchte es ja noch jemand verwenden.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
   <!--
   body {background-color:#000;}
   img {border:0px; position:absolute;}
   #karte {position:relative; width:560px; margin:auto;}
   -->
</style>
</head>
<body>
<div id="karte">[img]http://www.daddlers-paradise.de/grafik/deutschland6.gif[/img]
[img]http://www.daddlers-paradise.de/grafik/userpunkt2.jpg[/img]
[img]http://www.daddlers-paradise.de/grafik/userpunkt2.jpg[/img]
[img]http://www.daddlers-paradise.de/grafik/userpunkt3.jpg[/img]
[img]http://www.daddlers-paradise.de/grafik/userpunkt4.jpg[/img]
<map id="Dellien">
<area shape="circle" coords="8,8,8" href="#" alt="" />
</map>
[img]http://www.daddlers-paradise.de/grafik/iconparty3.gif[/img]
</div>
</body>
</html>
__________________
PrinzEisenherz

www.daddlers-paradise.de
Lan-Partys
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Anfänger: Positionierung. xam CSS 3 19.05.2012 15:18
Absolute Positionierung in relativem div bolshi CSS 5 28.04.2010 22:14
ich habe totale Schwerigkeiten mit Absolute und Relative Positionierung?!? damonster CSS 12 27.08.2008 16:56
prblemme mit mein inhalt div carlos587261 CSS 3 23.04.2008 15:07
IE: absolute positionierung mit width und height auf auto TheSilentOne CSS 4 06.11.2007 17:17


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:11 Uhr.