XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Bilder sollen vertikal mitwachsen (http://xhtmlforum.de/showthread.php?t=58566)

TobiisFreaky 22.09.2009 21:31

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

heiko_rs 22.09.2009 21:41

Zitat:

Zitat von TobiisFreaky (Beitrag 445736)
die äußeren sind 4px breit und als background je ein pic. Es ist in den 4px breiten div also keine height Angabe.

Wozu brauchst Du ein leeres div, wenn Du die 4px-Grafik auch einem div zuweisen kannst, das alle 3 Spalten umgibt? (das ist das Prinzip von fc.) Feste Höhen brauchst in jedem Falle nicht.

Zitat:

Zitat von TobiisFreaky (Beitrag 445736)
Das Case ist eigentlich so gut wie fertig und üvergabebereit an meinen Onkel.

Was auch immer Dein Onkel mit dieser Sache zu tun hat. SCNR ;)

Zitat:

Zitat von TobiisFreaky (Beitrag 445736)
Der Link ist hier:

Leider ist da nix, wäre aber schon ganz hilfreich.

TobiisFreaky 22.09.2009 21:55

argh...

Ja der Link ist JETZT hier:

Rdiger Brandel - Sesselpage




Für was steht SCNR ?!

Gruß,
Tobias

heiko_rs 22.09.2009 22:02

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.

Zitat:

Zitat von TobiisFreaky (Beitrag 445746)
Für was steht SCNR ?!

Fahr mal mit der Maus drüber, wird dann erklärt.

TobiisFreaky 22.09.2009 22:28

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ß

heiko_rs 22.09.2009 22:57

Zitat:

Zitat von TobiisFreaky (Beitrag 445754)
Wenn ich das div weglasse muss ich wieder anpassungen überall vornehmen.

Tja, das Leben kann schon hart sein ;)

Zitat:

Zitat von TobiisFreaky (Beitrag 445754)
Die 2 pics sind vom aussehen auch verschieden, also lässt sich das nicht einfach als background in wrap_overall hinterlegen.

Doch, als eine Grafik, 828px breit. Oder noch ein div um #wrap_overall.

TobiisFreaky 29.09.2009 23:14

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


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:50 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023