|
|||
Bilder sollen vertikal mitwachsen
Hallo!
ich bin seit mehreren Tagen auf der Suche nach der Lösung, aber komme einfach nicht drauf. Ich habe schon faux Column ausprobiert, aber nichts hilft mir so richtig weiter. Ich habe eine Seite mit 3 gefloateten div, die nebeneinander und die gleiche größe haben sollen. Das mittlere div beinhaltet den Content und ist variable. die äußeren sind 4px breit und als background je ein pic. Es ist in den 4px breiten div also keine height Angabe. Ich vermute, dass es auch einfach an der height-Angabe liegt, da bei height:1000px die pics dargestellt werden, bei %-Angabe nichts passiert. Wie erreiche ich, dass alle divs gleich groß sind? Eins noch: Alle divs sind in einem wrapper, der auch keine Höheneinheit hat (habe von html, body bis in den wrapper alle mit height und min-height 100% gemacht, aber hat auch nichts gebracht) Das Case ist eigentlich so gut wie fertig und üvergabebereit an meinen Onkel. Wäre sehr nett, wenn mir Tips gegeben werden könnte. Der Link ist hier: Momentan sind die äußeren divs mit einem height von 100% ausgerichtet. In allen parent-div und body/html ist height und min-height 100% gesetzt. Code:
html, body { height:100%; min-height:100%; text-align:center; background:url("../wraps/background_frame.jpg") repeat-x; width:100%;} * { margin:0px; padding:0px; list-style-type:none; border:0px; color:black; /*font-family:arial; font-size:12px; */ text-decoration:none;} a { cursor:pointer;} #wrap_overall { width:828px; margin:auto; text-align:left; background-image:url("../ein_pixel.jpg"); background-repeat: repeat-y; min-height: 100%; /* Mindesthöhe für moderne Browser */ height:auto !important; /* Important Regel für moderne Browser */ height:100%; /* Mindesthöhe für den IE */ } #wrap_header { height:273px;} #wrap_left { width: 4px; float:left; background-image:url("../wraps/border_left_source.jpg"); background-repeat: repeat-y; height:100px;} #wrap_main { float:left; width:820px;} #wrap_footer { height:39px;} #wrap_right { width: 4px; background:url("../wraps/border_right_source.jpg") repeat-y; height:100px;} #wrap_content { width:820px;} Vielen Dank euch und grüße Tobi |
Sponsored Links |
Sponsored Links |
|
|||
|
|
||||
Ich sehe gar keinen Bedarf für leere divs, Du kannst #wrap_overall eine Grafik zuweisen, die das linke & rechte 4px-div überflüssig macht. Und wozu dient ein_pixel.jpg? Du kannst diese Farbe auch als bg-color kommen lassen.
Fahr mal mit der Maus drüber, wird dann erklärt.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
kann man nicht einfach den vorhandenen divs das pic von 4px breite hinzufügen, welches vertikal positioniert wird?
Wenn ich das div weglasse muss ich wieder anpassungen überall vornehmen. Die 2 pics sind vom aussehen auch verschieden, also lässt sich das nicht einfach als background in wrap_overall hinterlegen. gruß |
|
||||
Zitat:
Doch, als eine Grafik, 828px breit. Oder noch ein div um #wrap_overall.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
HalliHallo,
es hat soweit alles geklappt. Ich musste am Ende des Quellcodes noch einen Div-Layer erstellen mit dem Inhalt style="clear:left" - float:left ist der größte Div-Layer in dem Sub-Div-Layer. Hat dann prima funktioniert, auch mit der Grafik, die als Hintergrund zu definieren! Ein großes Lob an dich! Danke Gruß, Tobi |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
bilder in div container unten anordnen | diegaby | CSS | 12 | 17.11.2008 15:08 |
Bildergalerie mit Variablen | fledermaus | Serveradministration und serverseitige Scripte | 1 | 08.04.2008 09:57 |
css dock menu: vertikal und anstatt bilder text | zeitgeisth | CSS | 0 | 29.03.2008 23:44 |
bilder vertikal in div zentrieren | schaf | CSS | 6 | 29.03.2007 21:09 |