css layout frage

23.02.2006, 20:27

Hi,

ich verusche mich gerade an einem Seitenfüllenden css Layout.
Leider will es nicht funzen.

Folgendes SIMPLES Layout will ich haben:

Folgenden CSS Code habe ich bisher:

Code:

/* CSS Document */ 

* {padding: 0; margin: 0;} 
body { height:100%; margin:0px;} 

/* Container Definition */ 
#header_container {width:auto; height:120px; border:1px solid #000fff;} 
#status_container {width:auto; height:20px; border:1px solid #0000ff;} 
#menu_container {width:220px; height:100%; margin-bottom:10px; border:1px solid #ff00ff; float:left; background-color:#00FF00;} 
#content_container {width:auto; margin-bottom:10px; border:1px solid #0e20ff; background-color:#CCCCCC;}

und folgenden HTML Code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
<head> 
<title>Mailsecurity Gateway - Administration</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
</head> 
<style type="text/css" media="screen"></style> 


<body> 

<div id="header_container"></div> 
<div id="status_container"></div> 
<div id="menu_container"></div> 
<div id="content_container">efwe</div> 

</body> 
</html>

Die höhe ist aber immer die gesamt höhe des Anzeigebereichs des Browsers.

Wie auf folgenden Bild zu sehen ist:

Ich möchte aber keinen Scrollbalken haben, wenn nicht wirklich so viele Daten angezeigt werden.

Wie mache ich das?

Gruss El

derHund · 23.02.2006, 20:56

wie soll das funktionieren?

vertikal 100% + 120px = ?
horizontal 100% + 220px = ?

such nach faux columns, schau dir ein paar tutorials zum thema float an ...

generell: der header ist (als div) immer 100% breit, height kannst du ja da vergeben. linke spalte machst du floatent mit fester breite, rechte spalte erhält margin-left (breite der linken spalte) ... gleichlange spalten machst du mittels faux columns.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
2-spaltiges Layout	dh1sbg	HTML, Usability und Barrierefreiheit	7	13.11.2006 13:52
DNS Problem / Frage	b++	Server, Hosting und Workstations	3	12.10.2006 13:27
Problem mit CSS Layout		HTML, Usability und Barrierefreiheit	5	15.10.2005 21:46
Access Frage - Datenbankverbindung abfragen	reimondo	Off-Topic Diskussionen	1	01.10.2005 18:24
Blöde Frage " oder '	FireFIghter	PHP Tipps 2005-2	7	22.09.2005 07:06
.htaccess - Frage	Stümper	PHP Tipps 2005	11	30.05.2005 11:56
Performence Frage		PHP-Fortgeschrittene	10	06.05.2005 19:00
Frage zu einem Editformular		PHP Tipps 2005	3	25.04.2005 14:58
[Erledigt] <div> layout funtzt nicht!!		HTML, Usability und Barrierefreiheit	7	20.04.2005 19:10
Frage zu einer Liste?		HTML, Usability und Barrierefreiheit	2	15.02.2005 16:56
[Erledigt] Frage zur Funkrionen?		PHP Tipps 2004-2	10	01.12.2004 09:42
Layout alt gegen Neu :)	themonk	Off-Topic Diskussionen	65	26.10.2004 13:53
Mal ne Frage zu Php und Html		PHP Tipps 2004	2	24.10.2004 00:35
[Erledigt] Frage!		PHP Tipps 2004	4	27.07.2004 11:25


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

23.02.2006, 20:56
derHund Erfahrener Benutzer Registriert seit: 29.10.2004 Beiträge: 1.781	wie soll das funktionieren? vertikal 100% + 120px = ? horizontal 100% + 220px = ? such nach faux columns, schau dir ein paar tutorials zum thema float an ... generell: der header ist (als div) immer 100% breit, height kannst du ja da vergeben. linke spalte machst du floatent mit fester breite, rechte spalte erhält margin-left (breite der linken spalte) ... gleichlange spalten machst du mittels faux columns. __________________