bilder in div container unten anordnen
Hallo,
bin CSS-Anfänger und bereits an einem Problem gescheitert. Vielleicht könnt Ihr mir weiterhelfen: ich habe 3 divs angeordnet: Links das höchste (container1), recht daneben untereinander zwei kleinere (container 2 und Bildercontainer). Der Inhalt des bilderdivs soll am unteren Rand des divs angeordnet werden - geht das? Mit vertical-align:bottom komme ich leider nicht weiter. Ich habe folgenden css-code verwendet: Code:
#container1{ Leider hängen die Bilder immer noch am oberen Ende des containers. Das Ergebnis kann man sich ansehen unter: http://www.dashandelskontor.de/test.html Gibt es Möglichkeiten, die Bilder auch unten anzuordnen? Die Höhe des Bildercontainers kann ich leider nicht generell verkleinern und auf das höchste Bild anpassen, da sich die Bilder und somit auch die Höhen immer wieder ändern und die Bilder nach dem unteren Rand des container1 ausgerichtet sein müssen ... Danke schon mal im voraus Gaby |
Als erstes fällt mir natürlich die absolute Positionierung ein:
Code:
lloyd |
hally lloyd,
das klappt leider nicht. Die Bilder stehen nun zwar unten, aber es sieht so aus als ob dann alle 3 Bilder übereinander angeordnet werden ... siehe http://http://www.dashandelskontor.de/test2.html was könnte man denn da noch machen? |
Du hast alle IMG gleich behandelt und absolut an dieselbe Stelle gesetzt. Mindestens die horizontale Position sollte für jedes Bild anders sein. Abstände werden nicht greifen wenn diese absolut positioniert sind.
PS: Der link enthält zweimal http// |
Zitat:
greetz imho |
*schiiiiieb*
|
Gib den Bildern jeweils eine eigene id bzw. Klasse.
Code:
img#name { Wie das mit den Selektoren ( id ist ein Selektor) geht, kannst Du unter anderem hier nachlesen: CSS 4 You - The Finest in Stylesheets: Workshop CSS: Teil 3 - Selektoren I Es gäbe noch andere Möglichkeiten, aber in diesem Fall ist die Wahl eines Klassen- oder ID-Selektors wohl ausreichend. |
das habe ich angewandt, aber irgendwie klappt es nicht. ich weiß nicht, wo mein fehler liegt?!
Code:
#bilder { Code:
#bilder { ich möchte lediglich ein bild rechts unten haben, der rest soll dort stehen wo ich ihn auch hinsetze im html-code |
Dann reicht es, genau diesem einen Bild das pos. absolute mitzugeben.
Für alle anderen Bilder verwende die üblichen Angaben. |
jetzt hab ich glaub ich den sinn komplett falsch verstanden. ich probiere es mal weiter und lese mich durch css4you und co
|
leider bringt es mich nicht dorthin wo ich hinmöchte, ich verstehe ja, dass ich in css die id definieren muss, z.b.
Code:
img#logo { |
Die id gibst du deinem Element im Quellcode z.B.
HTML-Code:
<img id="muh" src="bild.jpg" alt="" /> Code:
#muh { |
Zitat:
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 08:43 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023