zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 3 Spalten Layout

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.11.2009, 17:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2009
Beiträge: 3
eketrix befindet sich auf einem aufstrebenden Ast
Standard 3 Spalten Layout

Guten Tag,

ich möchte ein wachsendes 3 Spalten Layout mit Hintergrundgrafiken erstellen.

#left, #content und #right sollen ihre Höhe automatisch an der Div Ebene mit dem "größten Inhalt anpassen".

Mein momentaner Lösungsvorschlag ist leider noch sehr weit davon entfernt und google lieferte mir bislang auch nicht die perfekte Lösung für mein Problem.

Ich hoffe Ihr könnt mir helfen.

CSS Code

Code:
#container {
	height:1000px;
}


.clear_t {clear:both;}


#left {
	background-image:url(../img/navi_left_bg.png);
	background-repeat:repeat-y;
	width:168px;
	padding-left:7px;
	height:100%;
	float:left;
}
#content {
	margin-left:168px;
	padding:0;
	width:940px;
	height:100%
}
#right {
	background-image:url(../img/navi_right_bg.png);
	background-repeat:repeat-y;
	background-position:right;
	width:190px;
	float:right;
	height:100%;
}

HTML Code:

HTML-Code:
<div id="container">
            <div id="left">navi left</div>
            <div id="right">navi right</div>
             <div id="content">
               CONTENT 
             </div>
</div>
<div class="clear_t"></div>

Geändert von eketrix (26.11.2009 um 17:19 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.11.2009, 18:10
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

für gleichhohe Spalten ist Faux Columns zuständig, wenn du das meinst.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.11.2009, 18:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2009
Beiträge: 3
eketrix befindet sich auf einem aufstrebenden Ast
Standard

Wenn ich es so mache und die Seite kleiner und größer skaliere, verschiebt sich der Seitenhintergrund minimal, wie kann ich das verhindern?
Mit Zitat antworten
  #4 (permalink)  
Alt 26.11.2009, 18:41
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von eketrix Beitrag anzeigen
Wenn ich es so mache und die Seite kleiner und größer skaliere, verschiebt sich der Seitenhintergrund minimal, wie kann ich das verhindern?
Link zur Seite?
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 26.11.2009, 19:09
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

Watt soll datt denn? :
HTML-Code:
html {
overflow-x:hidden;
}
#wrapper_site {
	width:1280px;
	max-width:1280px;
	min-width:1280px;
}
Wenn jemand einen normalgroßen Bildschirm hat kriegt er nur einen Teil der Site zu sehen??
Okay, im Opera u. Safari wirkt das overflow-y nicht, und im IE6 ist die Site komplett zerschrotet.

Nimm den overflow-unfug doch mal raus und fahr die Breite auf ein normales Maß runter.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #6 (permalink)  
Alt 01.12.2009, 12:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2009
Beiträge: 3
eketrix befindet sich auf einem aufstrebenden Ast
Standard

hat sich erledigt, bin selber durch rumprobieren drauf gekommen.

Geändert von eketrix (01.12.2009 um 16:40 Uhr)
Mit Zitat antworten
Antwort

Stichwörter
3 spalten, css, layout

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
2 Spalten Layout INKL. 1 Spalten Layout miedsegadse CSS 20 14.04.2011 01:02
Layout: 2 Spalten gleich langer Höhe Boof CSS 1 05.03.2010 11:50
3 Spalten fixed width css layout sharepointkb CSS 9 28.02.2010 21:00
3 Spalten Layout, mal anders Sushimeister CSS 2 05.03.2007 12:15
3 Spalten Layout in CSS sisa CSS 1 22.09.2006 10:28


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