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
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