nicht angemeldet
An DIV ausrichten
Guten Morgen!
Ich habe ein Problem mit DIVs. Ich möchte ein Bild am unteren Rand eines DIVs ausrichten. Habe schon alles mögliche versucht, aber es bleiben immer 2px Rand.
Wäre schön, wenn mir jemand antworten könnte.
Gruß
Nadine
-
Hallo Nadine
Ich habe ein Problem mit DIVs. Ich möchte ein Bild am unteren Rand eines DIVs ausrichten. Habe schon alles mögliche versucht, aber es bleiben immer 2px Rand.
Versuch mal, beim div das padding und beim Bild das margin auf 0px zu setzen dann sollte es eigentlich gehen.
Falls es nicht geht: Was hast du schon versucht und in welchen Browsern geht es nicht?MfG
Tom2
-
Versuch mal, beim div das padding und beim Bild das margin auf 0px zu setzen dann sollte es eigentlich gehen.
Falls es nicht geht: Was hast du schon versucht und in welchen Browsern geht es nicht?Hi Tom2
Also... bei IE 6 und Mozilla (der sich ja an den Standard hält) ist nichts zu machen.
Hab das mit dem padding und marign auf 0px jetzt mal versucht. Ging aber leider auch net.
Hab mit den Paddings usw. gespielt und habs auch mit ner Table versucht und da auf vertical-align:bottom; war aber leider auch nichts. Sehr seltsam.
Gruß
Nadine-
Versuch mal, beim div das padding und beim Bild das margin auf 0px zu setzen dann sollte es eigentlich gehen.
Hast Du es mal mit negativen Werten probiert? damit kann man ganz nette ergebnisse erzielen.
bsp margin-top:-2px;
viel erfolg
-
Versuch mal, beim div das padding und beim Bild das margin auf 0px zu setzen dann sollte es eigentlich gehen.
Hast Du es mal mit negativen Werten probiert? damit kann man ganz nette ergebnisse erzielen.
bsp margin-top:-2px;
Leider war es auch so nicht möglich:
<DIV ID="inhalt" STYLE="position:absolute; left:5px; top:60px; width:820px; height:400px; z-index:2; overflow:auto; CLASS="div_border">
<IMG SRC="images/kevintarte.jpg" HEIGHT="398px">
</DIV>Das ist das Grundgerüst... vielleicht bemerkt ihr ja da einen Fehler...
Nadine
-
Leider war es auch so nicht möglich:
<DIV ID="inhalt" STYLE="position:absolute; left:5px; top:60px; width:820px; height:400px; z-index:2; overflow:auto; CLASS="div_border">
<IMG SRC="images/kevintarte.jpg" HEIGHT="398px">
</DIV>Bei mir hats jetzt zumindest im IE geklapt (Mozilla hab ich hier nicht):
<DIV ID="inhalt" STYLE="position:absolute;left:5px;top:60px;width:820px;height:400px;padding:0px;border:solid 1px;">
<IMG style="position:absolute;bottom:0px;margin:0px;" SRC="images/kevintarte.jpg" HEIGHT="200px">
</DIV>Das Wichtige ist das position:absolute im img-Tag. Ich hoffe, es funktioniert auch in anderen Browsern.
MfG
Tom2
-
<DIV ID="inhalt" STYLE="position:absolute;left:5px;top:60px;width:820px;height:400px;padding:0px;border:solid 1px;">
<IMG style="position:absolute;bottom:0px;margin:0px;" SRC="images/kevintarte.jpg" HEIGHT="200px">
</DIV>Das Wichtige ist das position:absolute im img-Tag. Ich hoffe, es funktioniert auch in anderen Browsern.
Super!!! Das hat geklappt!
-
Aber leider funktioniert das zentrieren im DIV jetzt nimmer. Was muss ich den jetzt schon wieder machen? :(
Nadine
-
Aber leider funktioniert das zentrieren im DIV jetzt nimmer. Was muss ich den jetzt schon wieder machen? :(
Hm, da fällt mir nun auch keine gute Lösung ein. Mit text-align:center im div wird der linke Rand der Grafik auf die Mitte des Divs zentriert, was jedoch auch nicht ganz dem Gewollten entspricht (im IE ist's jedenfalls so :( ).
Hab noch etwas ausprobiert, womit du es einigermassen hinbekommen könntest: Im img-Tag setztst du left:[x]%, wobei du x so setzst, dass es in etwa in der Mitte ist.
MfG
Tom2
-
-
-
-
Hi, Nadine
Habe schon alles mögliche versucht, aber es bleiben immer 2px Rand.
^^^
<DIV ID="inhalt" STYLE=" ... height:400px; ... ">
^^^
<IMG SRC="images/kevintarte.jpg" HEIGHT="398px" ... >
^^^
</DIV>
vielleicht bemerkt ihr ja da einen Fehler...
Hmm, lass' mich raten... ;p
LG Orlando
--
SELF-TREFFEN 2002
http://www.rtbg.de/selftreffen/
http://www.megpalffy.org/temp/penneninhh.html
-
-
-
-