Hallo zusammen,
Ich habe folgendes Problem.
Meine Seite hat eine feste Größe komplett ohne Scrollbalken. In der Mitte befindet sich ein Content-Bereich, der je nach Seite unterschiedlich gefüllt wird. Wenn der Inhalt nun allerdings größer wird, als dieser Bereich, dann soll nur ein Scrollbalken innerhalb dieses Bereiches entstehen. Gibt es da eine Möglichkeit, das mit CSS zu verwirklichen?
Danke schon mal für die Antworten
HTML - Code
CSS - Code
Ich habe folgendes Problem.
Meine Seite hat eine feste Größe komplett ohne Scrollbalken. In der Mitte befindet sich ein Content-Bereich, der je nach Seite unterschiedlich gefüllt wird. Wenn der Inhalt nun allerdings größer wird, als dieser Bereich, dann soll nur ein Scrollbalken innerhalb dieses Bereiches entstehen. Gibt es da eine Möglichkeit, das mit CSS zu verwirklichen?
Danke schon mal für die Antworten
HTML - Code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Hover_menu</title>
<link rel="stylesheet" type="text/css" href="Hover_menu.css" />
<!--[if lte IE 99]><style type="text/css">
body { behavior:url('css-hover.htc') }</style>
<![endif]-->
</head>
<body>
<table align="center">
<tr>
<td>
<table class="tableup">
<tr>
<td>
<ul class="menu" id="menuleft" >
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Startseite">Home</a>
<ul>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="PT-Nova">PT-Nova</a></li>
</ul>
</li>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Unternehmen">Unternehmen</a>
<ul>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Motto">Motto</a></li>
</ul>
</li>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="News">News</a></li>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Termine">Termine</a></li>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Jobs">Jobs</a></li>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Presse">Presse</a></li>
</ul>
</td>
<td>
<ul class="menu" id="menuright">
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Kundenlogin">Kundenlogin</a></li>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Kontakt">Kontakt</a>
<ul>
<li><a title="Motto">Motto</a></li>
<li><a title="Partner">Partner</a></li>
</ul>
</li>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Sitemap">Sitemap</a></li>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Impressum">Impressum</a>
<ul>
<li><a title="Motto">Motto</a></li>
</ul>
</li>
<li><a href="http://localhost/dotnetnuke_test/Home/tabid/37/Default.aspx" title="Download">Download</a></li>
</ul>
</td>
</tr>
</table>
<table class="maintable">
<tr>
<td width="10"></td>
<td width="943"></td>
<td width="10"></td>
</tr>
<tr>
<td height="82"></td>
<td valign="middle" align="center"><img src="logo.jpg" width="963" height="82" alt="HanseCom GmbH"/></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="500"></td>
<td class="middletable" align="center">Content</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>CSS - Code
Code:
body
{
background-color:#1F3F84;
text-align:center;
font-family:Arial;
}
/*
=================================
Skin sytles for TABLE-tags
=================================
*/
.tableup
{
color:#FFFFFF;
background-color:inherit;
margin:60px 82px auto 76px;
font-size:12px;
}
.maintable
{
color:inherit;
background-color:#FFFFFF;
margin-left:82px;
margin-right:82px;
width:943px;
font-family: Arial;
font-size:12px;
}
.middletable
{
background-color:#E0F1FB;
color:inherit;
font-size:12px;
}
.navtdleft
{
color:inherit;
background-color:inherit;
text-align: left;
width: 481px;
height: 17px;
font-family: 'Verdana', 'Tahoma', 'Helvetica', 'Arial', sans-serif;
font-size:12px;
}
.navtdright
{
color:inherit;
background-color:inherit;
text-align: right;
width: 481px;
height: 17px;
font-family: 'Verdana', 'Tahoma', 'Helvetica', 'Arial', sans-serif;
font-size:12px;
}
