Bild fest auf Tabelle verankern

Aloa

Aloa

Erfahrenes Mitglied
Hallo allerseits.

Ich habe eine Seite in verschieden Tabellen eingegliedert. Und diese mit Align="center" mittig angeordnet. Jetzt hat ein Freund von mit folgendem Befehl ein Bild über die beiden Tabellen gesetzt.

<!--[if gte vml 1]><v:shapetype id="_x0000_t75"
coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe"
filled="f" stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_s1026" type="#_x0000_t75" style='position:absolute;
left:604.5pt;top:8.25pt;width:141pt;height:98.25pt;z-index:1' o:userdrawn="t">
<v:imagedata src="master-Dateien/image001.png" o:title="Logo"/>
</v:shape><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:1;left:806px;top:11px;width:188px;height:131px'><img
width=188 height=131 src="master-Dateien/image002.gif" v:shapes="_x0000_s1026"></span><![endif]>
Zum Vergrößern anklicken....

Der Befehl setzt aber das Bild auf einen gewissen Punkt. Hat der Computer eine andere Auflösung so ist das Bild natürlich verschoben. Wie kann ich das Problem beheben.

Gruss Aloa
 
Hi,

hört sich ganz so an, wie wenn du die komplette Seite (= alles was sich zwischen <body> </body> befindet) in ein div-Element packen mußt, das zum einen die Breite des Layouts besitzt, und relativ oder absolut positioniert ist, damit sich die absoluten Positionsangaben des Bildes relativ auf seine Boxengrenzen, und nicht absolut auf die des umgebenden Browserfensters beziehen.

Hier ein kleines Beispiel:

HTML: 
<body>

<div id="wrap">
     <!-- Hier folgt dein Tabellengerüst -->
</div>

</body>
CSS: 
div#wrap {
width:1000px; /* Tabellenbreite */
position:absolute;
left:50%;
margin-left:-500px; /* negative Hälfte von width:1000px */
}


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück