zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bilder sollen vertikal mitwachsen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.09.2009, 21:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2008
Beiträge: 9
TobiisFreaky befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.09.2009, 21:41
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von TobiisFreaky Beitrag anzeigen
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 anzeigen
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 anzeigen
Der Link ist hier:
Leider ist da nix, wäre aber schon ganz hilfreich.
__________________
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.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.09.2009, 21:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2008
Beiträge: 9
TobiisFreaky befindet sich auf einem aufstrebenden Ast
Standard

argh...

Ja der Link ist JETZT hier:

Rdiger Brandel - Sesselpage




Für was steht SCNR ?!

Gruß,
Tobias
Mit Zitat antworten
  #4 (permalink)  
Alt 22.09.2009, 22:02
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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 anzeigen
Für was steht SCNR ?!
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.)
Mit Zitat antworten
  #5 (permalink)  
Alt 22.09.2009, 22:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2008
Beiträge: 9
TobiisFreaky befindet sich auf einem aufstrebenden Ast
Standard

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ß
Mit Zitat antworten
  #6 (permalink)  
Alt 22.09.2009, 22:57
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.858
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von TobiisFreaky Beitrag anzeigen
Wenn ich das div weglasse muss ich wieder anpassungen überall vornehmen.
Tja, das Leben kann schon hart sein

Zitat:
Zitat von TobiisFreaky Beitrag anzeigen
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.
__________________
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.)
Mit Zitat antworten
  #7 (permalink)  
Alt 29.09.2009, 23:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2008
Beiträge: 9
TobiisFreaky befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:36 Uhr.