|
|||
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{ width:200px; height:402px; float:left; border: 1px solid #000000; } #container2{ width:200px; height:300px; border: 1px solid #ff0000; } #bilder{ width:200px; height:100px; text-align:left; vertical-align:bottom; border: 1px solid #000000; } #bilder img{ margin:0px 5px 0px 0px; } //--></style> 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 |
Sponsored Links |
Sponsored Links |
|
|||
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 |
|
|||
Gib den Bildern jeweils eine eigene id bzw. Klasse.
Code:
img#name { left: 100px; } 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.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
|
||||
das habe ich angewandt, aber irgendwie klappt es nicht. ich weiß nicht, wo mein fehler liegt?!
Code:
#bilder { position: relative; } img { position: absolute; bottom: 0; right: 0; background-color: #ADADAD; } Code:
#bilder { position: relative; } img#name { position: absolute; bottom: 0; right: 0; background-color: #ADADAD; } ich möchte lediglich ein bild rechts unten haben, der rest soll dort stehen wo ich ihn auch hinsetze im html-code
__________________
wissen ist gut können ist besser aber das interessante ist der weg dorthin. |
|
|||
Dann reicht es, genau diesem einen Bild das pos. absolute mitzugeben.
Für alle anderen Bilder verwende die üblichen Angaben.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
||||
jetzt hab ich glaub ich den sinn komplett falsch verstanden. ich probiere es mal weiter und lese mich durch css4you und co
__________________
wissen ist gut können ist besser aber das interessante ist der weg dorthin. Geändert von imho (14.11.2008 um 11:59 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV in anderem Container unten Ausrichten | scripper | CSS | 2 | 30.06.2009 21:36 |
Linkverhalten im IE6 | ChOpSueY! | CSS | 19 | 19.05.2008 23:48 |
joomla template entschlüsseln | nieselfriem | CSS | 2 | 18.03.2008 14:12 |
Div mit margin spannt Div container nicht auf. | donfo | CSS | 11 | 27.02.2008 12:51 |
Div Container aufteilen | Steakfred | CSS | 1 | 26.04.2006 21:46 |