Bild in Div Ausrichten

[erotikbaer]

Hi!
Vielleicht kann mir ja jemand helfen, ich seh den Wald vor lauter Bäumen nicht mehr.
Folgendes habe ich:
erstmal den link: www.chrisruby.de/tmp/meins.html

und nun den quelltext:

<div style="border:5px solid red;max-width:1100px;min-width:1100px; min-height:800px;max-height:1500px;background-image: url(http://chrisruby.de/tmp/Hintergrundneu.jpg);background-repeat:no-repeat;">
<div style="max-width:1100px;min-width:1100px; min-height:720px;max-height:1420px;" >
<div style="height:160px;width:1100px;text-align:center;vertical-align:bottom;"><img src="http://chrisruby.de/tmp/LogoAS.gif" alt="Smiley face" width="400"></div>
<div style="max-width:200px;min-width:200px;vertical-align:top;float:left;min-height:560px;max-height:1260px;z-index:1;">
<p>hallllloooo111aaa</p>
<p>hallllloooo111bbb</p>
</div>
<div style="border-radius: 18px;max-width:700px;min-width:700px;align:center;vertical-align:top;background-color:white;min-height:560px;max-height:1260px;float:left;">
<div style="padding-left:10px;"><p>Hier kommt text</p></div>
</div>
<div style="max-width:200px;min-width:200px;vertical-align:top;float:left;min-height:560px;max-height:1260px;text-align:center;"><img src="http://chrisruby.de/tmp/testneu.jpg" alt="Smiley face" align="center" width="190px"></div>
</div>
<div style="position:relative;max-width:1100px;min-width:1100px; min-height:80px;max-height:80px;" >
<div style="position:absolute;float:left;width:200px;align:left;height:80px;"><img src="http://chrisruby.de/tmp/Auto.gif" align="left"></div>
<div style="position:absolute;float:left;width:600px;align:left;height:80px"></div>
<div style="position:absolute;float:left;width:200px;align:right;height:80px;"><img src="http://chrisruby.de/tmp/sie.gif" align="right" width="100px"></div>
</div>
</div>


Ich möchte, dass das Bild sie.gif rechts ausgerichtet unten rechts auf der Seite ist (in der untersten Ecke vom ersten Div) und das Bild Auto.gif in der untersten linken Ecke.

ich bekomm das einfach nicht hin.

Gruß Christian

 

[bdt600]

Schmeiß erst mal die ganzen position-Angaben raus. Die align-Angaben können auch weg und wenn du dann noch ein float: right bei sie.gif nimmst, könnte es gehen.

 

[erotikbaer]

ok danke! fürs erste siehts schonmal viel viel besser aus! jedoch ist die positionierung noch nicht so wie ichs möchte. wieso sind denn die beiden kleinen bilder so weit unten?

 

[bdt600]

Tja, da ich Crosspostern aus Prinzip nicht helfe, bin ich hier raus. Leider erst nach der ersten Antwort das Crossposting entdeckt.

 

[erotikbaer]

hab es jetzt hinbekommen.

<div style="max-width:1100px;min-width:1100px; min-height:80px;max-height:80px;z-index=2;">
<img src="http://chrisruby.de/tmp/Auto.gif" style="vertical-align:bottom;align:left;float:left;margin-top:-145px;">
<img src="http://chrisruby.de/tmp/sie.gif" style="width:220px;vertical-align:bottom;align:right;float:right;margin-top:-365px;">
</div>