zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden ganz einfach CSS-Design: content + sidebar

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.04.2006, 17:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.02.2005
Beiträge: 25
-Oliver- befindet sich auf einem aufstrebenden Ast
Standard ganz einfach CSS-Design: content + sidebar

Hi!

Leider habe ich eine zeitlang nicht mehr so intensiv mit CSS gearbeitet und schon bekomme ich die einfachsten Sachen nicht mehr hin. Aber gott sei Dank gibt es ja noch euch!

Also folgendes Problem:

Ein Content links
Eine Sidebar rechte
Ein Footer unten

aber da die sidebar gefloatet wird, weiss ich ned, wie ich es bis zum footer verlängern kann.

Der orange Bereich sollte bis unten reichen, auch wenn die Sidebar mal länger ist, sollte der gelbe bereich bis unten reichen.

Quellcode:

Code:
<html>
<body>
	<div id='main'>
		<div style='width:75%;float:left;background-color:yellow;'>
			main main main mai

			main main main mai

			main main main mai

			main main main mai

			main main main mai

			main main main mai

			main main main mai

			main main main mai

			main main main mai

			main main main mai

		</div>
		<div style='margin-left:75%;background-color:orange'>
			sidebar sidebar sidebar

			sidebar sidebar sidebar

			sidebar sidebar sidebar

			sidebar sidebar sidebar

		</div>
	</div>
	<div style='background-color:green;clear:left'>footer footer footer footer footer footer footer footer</div>

</body>
</html>
Link: http://stud05.technikum-wien.at/~tw0...cssproblem.htm

Vielen Dank im Voraus
Oliver
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.04.2006, 17:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 20.02.2005
Beiträge: 1.045
Tigereye befindet sich auf einem aufstrebenden Ast
Standard

Versuchs mal mit Faux Columns.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.04.2006, 17:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.02.2005
Beiträge: 25
-Oliver- befindet sich auf einem aufstrebenden Ast
Standard

danke, ja das würde gehen, nur brauche ich ein div bis zum ende, da ich am ende eine abschliessende grafik plazieren muss.

aber schon mal vielen dank!

Oliver
Mit Zitat antworten
  #4 (permalink)  
Alt 30.04.2006, 17:49
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 20.02.2005
Beiträge: 1.045
Tigereye befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von -Oliver-
danke, ja das würde gehen, nur brauche ich ein div bis zum ende, da ich am ende eine abschliessende grafik plazieren muss.
Wie meinst du das? Eine abschließende Grafik kannst du ja nach den Faux Columns einbauen.
Zitat:
aber schon mal vielen dank!

Oliver
kein Problem
Mit Zitat antworten
  #5 (permalink)  
Alt 30.04.2006, 18:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.02.2005
Beiträge: 25
-Oliver- befindet sich auf einem aufstrebenden Ast
Standard

Also, das Beispiel war ja nur eine vereinfachte Darstellung. Wofür dich das benötige ist folgendes:

http://stud05.technikum-wien.at/~tw0...ssproblem2.htm

Das rechte Div bekommt auch noch eine Abrundung aber dafür müsste das linke und rechte div gleich hoch sein.

LG Oliver
Mit Zitat antworten
  #6 (permalink)  
Alt 30.04.2006, 18:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 20.02.2005
Beiträge: 1.045
Tigereye befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von -Oliver-
Also, das Beispiel war ja nur eine vereinfachte Darstellung. Wofür dich das benötige ist folgendes:

http://stud05.technikum-wien.at/~tw0...ssproblem2.htm

Das rechte Div bekommt auch noch eine Abrundung aber dafür müsste das linke und rechte div gleich hoch sein.

LG Oliver
Du kannst doch die Abrundung der beiden Bilder (rechts und links) als extra Hintergrundbild von einem Div einbinden, das du nach den Faux Columns einbaust?!
Anm. zu dem ALA-Artikel: Du musst die Faux Columns nicht im Body einbauen, du kannst das mit jedem beliebigen Container machen.[/code]
Mit Zitat antworten
  #7 (permalink)  
Alt 02.05.2006, 00:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.02.2005
Beiträge: 25
-Oliver- befindet sich auf einem aufstrebenden Ast
Standard

Naja, das Faux Columns ist ja nur der Trick, dass mein einfach ein Hintergrundbild verwendet, dass über beide Bereiche geht oder?

Gibt es eine Möglichkeit, damit auch die divs zu verlängern?

LG Oliver
Mit Zitat antworten
  #8 (permalink)  
Alt 02.05.2006, 14:38
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 20.02.2005
Beiträge: 1.045
Tigereye befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von -Oliver-
Naja, das Faux Columns ist ja nur der Trick, dass mein einfach ein Hintergrundbild verwendet, dass über beide Bereiche geht oder?
Genau, mit Faux Columns erzeugt man nur die Illusion, dass die zwei Divs gleich lang sind.
Gibt es eine Möglichkeit, damit auch die divs zu verlängern?

LG Oliver[/quote]
Eben nicht, du kannst zwei Divs nicht gleich lang machen außer natürlich mit fester Höhe.
Mit Zitat antworten
  #9 (permalink)  
Alt 02.05.2006, 21:30
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 12.01.2006
Beiträge: 153
Achereto befindet sich auf einem aufstrebenden Ast
Standard

Doch das geht. Allerdigns nur mit Hilfe einer div-Suppe:

Code:
<div id="container1">
  <div id="container2">
    <div id="content"></div>
    <div id="sidebar"></div>
  </div>
</div>
<div id="footer"></div>
container1 bekommt den Hintergrund für links, conateiner2 den für rechts und im footer kannst dann die passenden Abschlussgrafiken unterbringen.

Besser ist aber, due verabschiedest dich von derartigen Designs.
__________________
Freiheit.
Mit Zitat antworten
Sponsored Links
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
DIV Box (Sidebar) in bereits fertiges Design einfügen? Daniel386 CSS 10 21.06.2011 23:58
CSS Floated Layout didb CSS 5 05.04.2010 19:47
Inspiration - Sammlung von Links emti Ressourcen 8 01.12.2009 19:02
ps design (slices), php (dynamischer inhalt), css gestaltung schleepy CSS 19 02.06.2006 23:46
CSS Design Probleme Hawklan CSS 5 12.08.2004 12:45


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:45 Uhr.