mit css bild in der mitte des browser positionieren

[tras]

hi ich hab mal ne farage
es gibt ja die möglichkeit mit css bider zu positionieren zb so

<div style="position:relative; top:200px; left:auto">
<img src="veruchsbild-müll.gif" width="100px" height="100px" alt="bildchen" border="o">
</div>

nu soll das bild aber immer um x pixel nach links von der mitte des browserfensters liegen wie geht denn so was

gruß
tras

[Hopsel]

Hi tras!

Ingo hilft dir.

MfG H☼psel

[tras]

cool Danke

[tras]

hilfe!!!!!!!!!!!!!!!!!!!!!!!!!!!
wie kann ich ein bild in denn hintergrund legen und darüber buttons plazieren html mit tabellen geht das nicht! bin mit css am rumprobieren

zb so
#box1 {position:relative; top:100px; left:220px; width:650px; height:410px; z-index:1;}

<div id="box6" style="border:none"><a href="bild in mitte.html"><span style="font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000">puma</span></a><p><img src="produkt.jpg" width="120px" height="4px" align="100px"/></p></div>

aber irgend wann wird der ganze aufbau total zerschossen
und noch schlimmer wird es wenn man sich das ganze in verschiedenen Browsern ansieht

[Ashura]

Hallo tras.

hilfe!!!!!!!!!!!!!!!!!!!!!!!!!!!

Schon da!!!!!1111eintausendeinhundertundelf

wie kann ich ein bild in denn hintergrund legen und darüber buttons plazieren html mit tabellen geht das nicht!

Du möchtest die Optik beeinflussen, also ist HTML das falsche Mittel.
Du suchst die http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image@title=background-image-Eigenschaft

<div id="box6"

Welchen inhaltlichen Aussagewert hat diese ID?

<a href="bild in mitte.html">

Du solltest unbedingt Dateinamen mit Sonderzeichen und Leerzeichen vermeiden.

<span style="font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000">puma</span></a>

Die Maßeinheit px ist ungeeignet, verwende lieber <http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische@title=em oder %>.

<p><img src="produkt.jpg" width="120px" height="4px" align="100px"/></p></div>

Was bei CSS Pflicht ist, ist bei HTML falsch: verzichte auf die Maßeinheiten für Breite und Höhe.

Und wie soll ein Text 100px-bündig ausgerichtet werden? Und warum nutzt du nicht gleich http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align für das p-Element?

und noch schlimmer wird es wenn man sich das ganze in verschiedenen Browsern ansieht

Gewöhne dich besser daran, dagegen kannst du im Normalfall so gut wie nichts unternehmen, dir bleiben oft höchstens Hacks.

Einen schönen Samstag noch.

Gruß, Ashura

[tras]

danke für die antwort
ich hab das was ich machen will mal online gesetzt unter
http://www.jart-studio.com/test.html

das muss doch irgendwie
zu lösen sein

[Ingo Turski]

Hi,

http://www.jart-studio.com/test.html

übel. Ändere mal den Schriftgrad im Browser.

das muss doch irgendwie
zu lösen sein

natürlich. Anber nicht mit position:relative - und auch position:absolute ist hierfür wenig geeignet. Beschäftige Dich mit float.

freundliche Grüße
Ingo