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

asseskiller · 4. Februar 2006

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 · 4. Februar 2006

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%

Suche

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

asseskiller

Lt. Junior Grade

polloze

Lt. Commander

Ähnliche Themen