zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 2-spaltiges Layout: fixe + variable Spaltenbreite

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 21.01.2005, 18:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2005
Beiträge: 9
claudia befindet sich auf einem aufstrebenden Ast
Standard 2-spaltiges Layout: fixe + variable Spaltenbreite

Hallo,

wie schaffe ich es bei einem zweispaltigen Layout die linke Spalte mit einer fixen Breite (Bsp.250 px) anzugeben, die rechte Spalte aber mit einer relativen Spaltenbreite. Also einfach so breit wie der Rest des Browserfensters? Geht das?

Vielen Dank für die Hilfe,
Claudia
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 21.01.2005, 19:04
Benutzerbild von magick
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 05.09.2004
Ort: Hamburg
Beiträge: 302
magick befindet sich auf einem aufstrebenden Ast
Standard

du kannst der Box nen margin-left:250px; geben
__________________
Gruss, Merlin
xw3.org - light your style
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.01.2005, 11:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2005
Beiträge: 9
claudia befindet sich auf einem aufstrebenden Ast
Standard

Hi,

danke, aber das margin-left führt ja noch nicht dazu, dass sich die rechte Box über die gesamte Breite des Bildschirms erstreckt.
Hier meine zwei Boxen:

#links{
width:193px;
height:97px;
margin-top:7px;
background-color:#FFFFFF;
float:left;
}
#rechts{
background-color:#FFFFFF;
border-bottom:#0FC88F 1px solid;
margin-top:10px;
float:left;
}

<div id="links">[img]img/logo.gif[/img]</div>
<div id="rechts">Text</div>

Zur Erklärung: links soll eine Navigation mit fester Breite stehen, rechts sehr umfangreiecher Text mit Tabellen etc. den ich ungern auf eine fixe Breite beschränken möchte.

Danke,
Claudia
Mit Zitat antworten
  #4 (permalink)  
Alt 24.01.2005, 12:13
Neuer Benutzer
neuer user
 
Registriert seit: 16.12.2004
Beiträge: 17
Zwacky befindet sich auf einem aufstrebenden Ast
Standard

Wie es magick schon geschrieben hat, würde ich auch auf ein margin-left zurückgreifen. Hier ein Beispiel zu deinem Beispiel:
Code:
#links{ 
height:97px; 
margin-top:7px; 
background-color:#FFFFFF; 
float:left;
} 

#rechts{ 
margin-left:193px;
background-color:#FFFFFF; 
border-bottom:#0FC88F 1px solid; 
margin-top:10px; 
}
Hoffe das hilft dir weiter =)

Grüssli
Mit Zitat antworten
  #5 (permalink)  
Alt 24.01.2005, 14:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.01.2005
Beiträge: 9
claudia befindet sich auf einem aufstrebenden Ast
Standard

Ja. Danke.
Ich habe es jetzt so gelöst:

#links{
width:193px;
height:101px;
background-color:lime;
float:left;
}
#rexhts{
background-color:red;
border-bottom:#0FC88F 1px solid;
margin-top:10px;
margin-right:10px;
margin-left:250px;
}

Gruß,
Claudia
Mit Zitat antworten
  #6 (permalink)  
Alt 24.01.2005, 15:09
Neuer Benutzer
neuer user
 
Registriert seit: 16.12.2004
Beiträge: 17
Zwacky befindet sich auf einem aufstrebenden Ast
Standard

EDIT: Ooops, hab später bemerkt, dass rechts mit rexhts verwechselt wurde. Copy & Paste .

So geht es natürlich auch

Grüssli
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
3 spaltiges Layout mit CSS Serpico CSS 2 20.12.2010 16:53
error_reporting(E_ALL); paracelsus Serveradministration und serverseitige Scripte 37 05.06.2008 08:36
2 spaltiges Layout, unabhängig scrollbar Plasm CSS 6 15.02.2008 11:31
Footer Problem (3 spaltiges Layout, variable Höhe) Lofesto CSS 2 23.07.2007 17:13
Spezielles dreispaltiges Layout (ohne fixe Spaltenbreite) TheProdigy CSS 0 11.07.2005 17:24


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:08 Uhr.