zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 3 spaltiges Layout: links rechts ausfließend, mitte fest

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.02.2009, 22:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.05.2008
Beiträge: 16
designxx befindet sich auf einem aufstrebenden Ast
Standard 3 spaltiges Layout: links rechts ausfließend, mitte fest

Hallo!

Da ich nun auch von Tabellen auf divs umsteige, ergab sich folgendes
Problem für mich Newbie im Bereich divs .

Das Layout ist dreispaltig. Links ist ein div, der einen roten Hintergrund hat,
dieser soll bis zum linken Browserrand gehen. Dann ist in der Mitte der
Header (weiteres div) mit fester Breite. Rechts folgt wieder ein div, welches
einen gelben Hintergrund hat, dieser soll bis zum rechten Browserrand
gehen.

Wie setze ich das am besten um? Meine Versuche sind alle gescheitert, auch
die Websuche war erfolglos.

Vielleicht hat ja jemand einen Tipp für mich oder einen Hinweis, wo ich die
Lösung im Netz finde .

Vielen Dank im Voraus und liebe Grüße!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.02.2009, 22:36
Benutzerbild von emti
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 03.06.2008
Ort: 23816 Groß Niendorf
Beiträge: 703
emti sorgt für eine eindrucksvolle Atmosphäreemti sorgt für eine eindrucksvolle Atmosphäre
Standard

3) Tabellenloses Layout / 2- oder 3-Spalten-Layout mit CSS
__________________
Gruß Michael
SketchAtomTransmit

Geändert von emti (27.02.2009 um 17:15 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.02.2009, 22:52
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.782
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von designxx Beitrag anzeigen
Das Layout ist dreispaltig. Links ist ein div, der einen roten Hintergrund hat, dieser soll bis zum linken Browserrand gehen.
Div-Elemente sind dazu da, mehrere Elemente und deren Inhalte zu Gruppen zusammenzufassen.
Ein roter Hintergrund ist kein Inhalt und braucht auch kein Element.

Zitat:
Dann ist in der Mitte der
Header (weiteres div) mit fester Breite. Rechts folgt wieder ein div, welches
einen gelben Hintergrund hat, dieser soll bis zum rechten Browserrand
gehen.
Das ist ein einspaltiges Layout. Die beiden Hintergrundfarben machst du über ein breites, zweigeteiltes Hintergrundbild im body-Element.

Das wichtigste beim Umstieg von Tabellen ist, umdenken zu lernen. Du denkst in Tabellenzellen.
Schreib zuerst deinen Inhalt und zeichne ihn mit sinnvollem HTML aus. Diese Elemente -- und nur diese! -- nutzt du dann, um per CSS dein Layout zu machen.
Mit Zitat antworten
  #4 (permalink)  
Alt 27.02.2009, 12:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.05.2008
Beiträge: 16
designxx befindet sich auf einem aufstrebenden Ast
Standard

Hallo!

Dankeschön für deine Antort!

Das mit dem Hintergrundbild im body habe ich auf einer Website auch gesehen,
allerdings wüsste ich nicht, wie ich das bei mir machen sollte, weils einmal links
eine Farbe ist und rechts ein Hintergrundbild (1px breit).
Wie macht man ein zweigeteiltes Hintergrundbild?
Mit Zitat antworten
  #5 (permalink)  
Alt 27.02.2009, 12:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.782
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

In einem Bildbearbeitungsprogramm.
Ein breites Bild.
Wenn du nicht herzeigst, was du machen willst, kann man nicht konkreter antworten.
Mit Zitat antworten
  #6 (permalink)  
Alt 27.02.2009, 12:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.05.2008
Beiträge: 16
designxx befindet sich auf einem aufstrebenden Ast
Standard

Das ist dann ja aber nicht auflösungsunabhängig :/. Ich suche nach einer Lösung wo
ich einfach definieren kann links bis zum Browserrand rot, rechts bis zum Browserrand
Hintergrundbild wiederholen .
Mit Zitat antworten
  #7 (permalink)  
Alt 27.02.2009, 12:52
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.782
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Mach das Bild breit genug.
Mit Zitat antworten
  #8 (permalink)  
Alt 27.02.2009, 12:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.05.2008
Beiträge: 16
designxx befindet sich auf einem aufstrebenden Ast
Standard

Das ist meiner Meinung keine gute Lösung, gerade in der heutigen Zeit... Die Monitore
werden immer größer, da wäre eine ohne Bild Lösung ja wesentlich optimaler!? Zudem
muss das Bild geladen werden.
Mit Zitat antworten
  #9 (permalink)  
Alt 27.02.2009, 13:00
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.782
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Ich finde, das ist die optimale Lösung für jemanden, der gerade erst anfängt, sich in Layout mit CSS einzudenken.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 27.02.2009, 13:08
Benutzerbild von emti
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 03.06.2008
Ort: 23816 Groß Niendorf
Beiträge: 703
emti sorgt für eine eindrucksvolle Atmosphäreemti sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von designxx
Zudem
muss das Bild geladen werden.
Schneide das Bild in einen Streifen (z.B. 5px hoch 2000px breit) und lass es wiederholen.
__________________
Gruß Michael
SketchAtomTransmit
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
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 17:32
3 Spaltiges Layout AllOnline CSS 5 18.07.2010 23:09
div mit border - Text links ausrichten , Img rechts ausrichten Camelrider CSS 1 10.12.2007 17:31
3-Spalten-Layout: Mitte fest - rest variabel moonworker CSS 2 19.03.2006 21:56
3 Divs, links u. rechts dynamisch - mitte feste breite donhoolio CSS 3 04.04.2005 15:59


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:53 Uhr.