Hallo,
mein Seitenaufbau sieht vereinfacht folgendermaßen aus (die Vereinfachung ist an dieser Stelle ok, da sie das Problem darstellt):
format.css:
Die Seite sieht so aus:
Soweit wäre das ja ok. Wenn bei mir im "Content" jedoch eine recht breite Tabelle dargestellt werden muss, so wird der complette "Content" nach unten verschoben. Hier nachvollziehbar, indem man in einer Zeile mit den vielen "m" das Leerzeichen rausnimmt, sodass kein Zeilenumbruch stattfindet.
Frage: Wie kann ich es lösen, dass bei breitem "Content" dieser an seinem vorgesehenem Platz mit horizontalem Scrollbalken dargestellt wird.
Denn ist der "Content" höher als die Bildschirmhöhe, dann wird ja auch der vertikale Scrollbalken angezeigt.
Für eure Hilfe wäre ich sehr dankbar!
Viele Grüße
Markus
mein Seitenaufbau sieht vereinfacht folgendermaßen aus (die Vereinfachung ist an dieser Stelle ok, da sie das Problem darstellt):
format.css:
Code:
/* Allgemein Body -> Fensterbreite usw*/
body, html
{
height: 20%;
margin: 0;
padding: 0;
overflow: hidden;
}
/* Navigation oben */
#nav_top
{
width: 100%;
background-color: #7693CB;
padding-top: 7px;
padding-bottom: 7px;
}
/* Navigation links */
#nav_left
{
height: 90%;
width: 120px;
background-color: #7693CB;
float: left;
padding-top: 10px;
font-size:9pt;
}
/* Hauptfenster */
#content
{
height: 90%;
overflow: auto;
background-color: #ebebeb;
width: auto;
padding: 20px;
}Die Seite sieht so aus:
HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/format.css" media="screen">
</head>
<body>
<!-- NAVIGATION OBEN -->
<div id="nav_top">
Obere Navigation
</div>
<!-- NAVIGATION LINKS -->
<div id="nav_left">
Linke Navigation
</div>
<!-- CONTENT -->
<div id="content">
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
<p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p>
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
<p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p>
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
</div>
</body>
</html>Soweit wäre das ja ok. Wenn bei mir im "Content" jedoch eine recht breite Tabelle dargestellt werden muss, so wird der complette "Content" nach unten verschoben. Hier nachvollziehbar, indem man in einer Zeile mit den vielen "m" das Leerzeichen rausnimmt, sodass kein Zeilenumbruch stattfindet.
Frage: Wie kann ich es lösen, dass bei breitem "Content" dieser an seinem vorgesehenem Platz mit horizontalem Scrollbalken dargestellt wird.
Denn ist der "Content" höher als die Bildschirmhöhe, dann wird ja auch der vertikale Scrollbalken angezeigt.
Für eure Hilfe wäre ich sehr dankbar!
Viele Grüße
Markus
