Problem bei Layoutumsetzung

A

a?+b?=c?

0
hallo,

ich möchte das problem an einer skizze erklären (siehe anhang).
die seitenteile (mit den pfeilen markiert) sollen sich je nach inhalt vergrößern, sprich mitwachsen. im linken bereich soll das menu untergebracht werden. die eingerahmten teile sind grafiken die ich ausgeschnitten habe.

das hauptproblem ist das ich nicht weiß wie ich ein layout, mit hilfe von css, aufbauen kann, in dem die seitenteile mitwachsen! ich habe im internet gesucht und verschiedene ideen ausprobiert - nichts hat funktioniert. ich bin auf eure hilfe angewiesen und hoffe das mein problem verständlich ist. wenn nicht dann fragt bitte nach. vielen dank
 
Du kannst es mit der Angabe "height= 100%" machen.
Und das bild was du ins unendliche gezogen haben möchtest must du als Hintergrund Bild machen dann wiederholt es sich standart mässig in alle richtungen.
Das mit der Angabe 100% funtzt nicht in allen Browsern, sprich soweit ich weiß nur im IE.
Eine Möglich keit gibt es noch mit Javascript indem du die Bildschirm größe des Besucher ausliest und dem endsprechend eine pixel angabe für die betroffenen Bereiche machst. aber da bin ich über fordert. Vor einiger zeit habe ich mich mit dem Problem auch mal beschäftigt ich suche dir mal das Thema raus.

*Edit:
da must du mal schauen ich hatte das Thema weitergeführt
(MELWIN) (Blaues AVATAR)
vieleicht hilft dir das: alter Beitrag
 
Es reicht eigentlich, die Grafik in 3 Teile zu slicen, den Kopf, den sich wiederholenden Mittelteil und den Fuß. Kopf und Fuß können einfach als Grafik auf die Seite geladen werden, der Mittelteil wird Hintergrundgrafik in einem Container.

Vereinfachtes Beispiel:

Code: 
<div id="kopf"><img src="kopf.png" alt=""/></div>
<div id="content" style="background:url(mitte.png) repeat-y;">blah blubb</div>
<div id="fuss"><img src="fuss.png" alt=""/></div>

Wenn sich die 3 Bereiche teilweise überlappen (wie z.B. beim Fuß der Fall, da ragt ja links noch ein Ornament in den Mittelteil), so kann man das durch einige CSS-Positionsangaben und transparente Hintergrundfarbe in den Grafiken erreichen.
 
Original von LX
Es reicht eigentlich, die Grafik in 3 Teile zu slicen, den Kopf, den sich wiederholenden Mittelteil und den Fuß. Kopf und Fuß können einfach als Grafik auf die Seite geladen werden, der Mittelteil wird Hintergrundgrafik in einem Container.

Vereinfachtes Beispiel:

Code: 
<div id="kopf"><img src="kopf.png" alt=""/></div>
<div id="content" style="background:url(mitte.png) repeat-y;">blah blubb</div>
<div id="fuss"><img src="fuss.png" alt=""/></div>

Wenn sich die 3 Bereiche teilweise überlappen (wie z.B. beim Fuß der Fall, da ragt ja links noch ein Ornament in den Mittelteil), so kann man das durch einige CSS-Positionsangaben und transparente Hintergrundfarbe in den Grafiken erreichen.
Zum Vergrößern anklicken....

ja so vereinfacht möchte ich es machen und hätte ich auch bereits wenn da nich diese ornamente usw. wären. denn so geht einfach zu viel platz drauf. könnte ich das ornament unten links mit hilfe des "z-index"-befehls über den sich wiederholenden hintergrund legen? habe damit nämlich noch nicht gearbeitet! danke denn darauf bin ich bis jetz noch nich gekommen.

grüße a?
 
hiho

hab das jetz vereinfacht mit - header - content - footer umgesetzt. jetz hab ich lediglich noch ein problem, dazu bitte folgenden link im firefox und im ie (hab selber v6) anschauen. warum zeigt der firefox nicht das ergebnis wie der ie?

http://home.arcor.de/megakarotte/

danke für eure hilfe
 
Wegen des links floatenden Menüs. Wenn du innerhalb eines Containers Elemente floaten lässt, so muss das ganze am Ende auch wieder gecleart werden, da sich ansonsten der Container nicht auf die Höhe des Inhalts streckt.

Ein <br style="clear: left"/> vor dem schließenden </div>-Tag des "inhalt"-Containers sollte Abhilfe schaffen.
 
ich weiss jetzt zwar nicht ob das so gewünscht ist aber wenn man sich die Seite mit dem Firefox AddOn Firebug anschaut sagt einen FireBug das sich das <div> mit der ID Fuss genau auf den Bereich erstreckt in dem Das Bild nicht angezeigt wird / die Seite nicht deiner Skizze entspricht.

Sind evtl irgendwo die Werte Falsch?

Falls das ganze jetzt doch nichts mit dem Div Fuss zu tun hat bitte ich diesen Post zu überlesen. Aber die Repeat anweisungen und alles sind richtig und sollten nach css4you auch in jedem Browser angezeigt werden.

Hasst du dir das den mal mit Firebug angeschaut? Ist des öfteren recht hilfreich
 
hab mir grad mal das addon runtergeladen und ausprobiert - nett :) hab nochmal alles überprüft aber kann keinen fehler finden. es sollte eigentlich so wie im IE6 aussehen, nur macht das der firefox nicht mit :( der hintergrund verschwindet wenn ich anfange zu "floaten".

ja ja das "clearen", 1000-dank....
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben