Textfeld soll 100% lang sein und nicht nur so lang wie der Text

asseskiller

Lt. Junior Grade
Dabei seit
Sep. 2005
Beiträge
447
Hallo ich hab folgendes Problem

Ich möcht das bei folgendem Quelltext das Textfeld so groß ist wie die seite lang (da das sonst doof aussieht nen bisschen weiß und der rest grau)

<html>
<head>
<title>Maxhouse </title>
<style type="text/css">

/* Hintergrund */

body#hg
{
background-color:#BEBEC8;
text-align:center;
font-family:Verdana;
font-size:12px;
}

/* Titelleiste */

div#title
{
font-family:arial;
font-size:25px;
font-style:italic;
font-weight:bolder;
text-align:left;
background-color:#BEBEC8;
height:60px;
padding:5px;
border-bottom:1px solid #000000;
}

/* Titelleiste 2*/

div#title2
{
font-family:arial;
font-size:15px;
font-style:italic;
font-weight:bolder;
text-align:right;
background-color:#FFCC00;
height:17px;
padding:5px;
border-bottom:1px solid #000000;
border-bottom:1px solid #000000;
}

/* Linkes Menu */

#left
{
background-color:#FFCC00;
width:128px;
float:left;
}

/* Menutitel */
.menutitle{
font-weight:bold;
text-align:center;
margin:2px;
}
.menucontainer {
border:1px solid #000;
background-color:#7b7d8e;
width:106px;
margin:10px;
}

/* allgemeine Linkeigenschaften */

a:link, a:visited, a:active, a:hover
{
text-decoration:underline;
font-weight:normal;
color:#ff0000;
font-size:12px;
}

/* hover=onmouseover active=von Maus aktiviert */

a:active, a:hover
{
color:#009999;
}

/* menuangaben */

a.menu {
display:block;
padding:3px;
border-top:1px solid #000;
background-color:#737994;
text-align:center;
color:#eeeeee;
text-decoration:none;
}

/* link=standart visited=besucht */

a.menu:link, a.menu:visited
{
color:#eeeeee;
background-color:#737994;
text-decoration:none; font-weight:bold;
}
a.menu:active, a.menu:hover
{
color:#737994; font-weight:bold;
background-color:#eeeeee;
}

/* Schriftfeld */

#content {
border:1px solid #efeff7;
background-color:#efeff7;
width:630px;
height:100%;
float:right;
padding:0% 0px;
}

.prev
{
font-size:14px;
color:#0000ff;
padding:9px;
}
</style>
</head>
<body id="hg">
<div style="width:760px;margin:0px auto;text-align:left;background-color:#bdbec6;border:1px solid #000000;">
<div id="title">
<img src="logo.PNG" style="float:right;width:400px;height:60px;margin-left:3px;" alt="Logo" />

<font color="#505050"><br>Herzlich Willkommen auf</font>
</div>
<div id="title2">
</div>
<div id="left">
<div class="menucontainer">
<p class="menutitle">MENU 1</p>
<a class="menu" href="#">Hyperlink 1</a>
<a class="menu" href="#">Hyperlink 2</a>
<a class="menu" href="#">Hyperlink 3</a>
<a class="menu" href="#">Hyperlink 4</a>
<a class="menu" href="#">Hyperlink 5</a>
</div>

<div class="menucontainer">
<p class="menutitle">MENU 2</p>
<a class="menu" href="#">Hyperlink 1</a>
<a class="menu" href="#">Hyperlink 2</a>
<a class="menu" href="#">Hyperlink 3</a>
<a class="menu" href="#">Hyperlink 4</a>
<a class="menu" href="#">Hyperlink 5</a>
</div>


<div class="menucontainer">
<p class="menutitle">MENU 3</p>
<a class="menu" href="#">Hyperlink 1</a>
<a class="menu" href="#">Hyperlink 2</a>
<a class="menu" href="#">Hyperlink 3</a>
<a class="menu" href="#">Hyperlink 4</a>
<a class="menu" href="#">Hyperlink 5</a>
</div>
<p style="text-align:left;" ><a class="prev" href="index.html#example">Zurück</a></p>
</div>
<div id="content" style="vertical-align:super;">
Hier ist das Textfeld
</div>
<br style="clear:both;" />
</div>
</body>
</html>

Danke im Vorraus
 

polloze

Lt. Commander
Dabei seit
Apr. 2005
Beiträge
1.512
naja, ich bin nicht super bewandert in dem thema.. aber ich denke ich kann dir trotzdem helfen, sofern ich dich auch richtig verstanden habe

<body id="hg">
<div style="width:760px;margin:0px auto;text-align:left;background-color:#bdbec6;border:1px solid #000000;">
<div id="title">
<img src="logo.PNG" style="float:right;width:400px;height:60px;margin-left:3px;" alt="Logo" />
da die width abändern auf 100%
 
Top