nicht angemeldet
Hiho!
Ich habe mir ein Seiten Design überlegt bei dem die rechte seite und die mitte srollbar sein soll. Der Scrollbalken für die mitte soll aber ganz rechts sein. Auf dem Bild sieht man das ganz gut, also das Menü links ist scrollbar und passt auch genau so wie es ist. In der mitte dann die Ergebnisse sind scrollbar und die Tabelle bleibt fest mit position:fixed (oder absolute). dann kommt der Scrollbalken. Aber wenn mein Browser Fenster jetzt kleiner ist kann ich die Tabelle ja nicht sehen, und hinscrollen geht auch nicht, da die Tabelle ja fest steht.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
<html>
<head>
<title>Statistik</title>
</head>
<body>
<div id="site" >
<div id="header">Hier kann Werbung hin</div>
<div id="container" class="clearfix">
<div id="left">[...HIER IST DAS MENÜ...]</div>
<div id="main"><div id='spieltag'><div id='spieltag_spieltag' class='font_07'><div id='26' class='spieltag_minus'> -1 </div><div id='27' class='spieltag_wahl'>27. Spieltag</div><div id='28' class='spieltag_plus'> +1 </div></div><div id='spieltag_spiele' class='font_07'><span class='spiel ui-corner-all'><div class='spieltag_anstoss'>23.03.12 20:30</div><div class='spieltag_mannschaft_h ui-corner-all'>Wolfsburg</div><div class='spieltag_vs'> - </div><div class='spieltag_mannschaft_g ui-corner-all'>Hamburger SV</div><div class='nach_spiel_nichtda'><span class='spieltag_tor '>?:? (?:?)</div><div id='info_17288' class='spieltag_info'>Info</div><div class='spieltag_stern_heim'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'></div><div class='spieltag_stern_gast'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'></div><div id='aufstellung_' class='versteckt aufstellung_alle'></div></span><span class='spiel ui-corner-all'><div class='spieltag_anstoss'>24.03.12 15:30</div><div class='spieltag_mannschaft_h ui-corner-all'>Freiburg</div><div class='spieltag_vs'> - </div><div class='spieltag_mannschaft_g ui-corner-all'>1. FC Kaiserslautern</div><div class='nach_spiel_nichtda'><span class='spieltag_tor '>?:? (?:?)</div><div id='info_17291' class='spieltag_info'>Info</div><div class='spieltag_stern_heim'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star_half' alt='star'></div><div class='spieltag_stern_gast'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'></div><div id='aufstellung_' class='versteckt aufstellung_alle'></div></span><span class='spiel ui-corner-all'><div class='spieltag_anstoss'>24.03.12 15:30</div><div class='spieltag_mannschaft_h ui-corner-all'>Borussia M'gladbach</div><div class='spieltag_vs'> - </div><div class='spieltag_mannschaft_g ui-corner-all'>Hoffenheim</div><div class='nach_spiel_nichtda'><span class='spieltag_tor '>?:? (?:?)</div><div id='info_17292' class='spieltag_info'>Info</div><div class='spieltag_stern_heim'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star_half' alt='star'></div><div class='spieltag_stern_gast'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'></div><div id='aufstellung_' class='versteckt aufstellung_alle'></div></span><span class='spiel ui-corner-all'><div class='spieltag_anstoss'>24.03.12 15:30</div><div class='spieltag_mannschaft_h ui-corner-all'>Bayern München</div><div class='spieltag_vs'> - </div><div class='spieltag_mannschaft_g ui-corner-all'>Hannover 96</div><div class='nach_spiel_nichtda'><span class='spieltag_tor '>?:? (?:?)</div><div id='info_17289' class='spieltag_info'>Info</div><div class='spieltag_stern_heim'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star_half' alt='star'></div><div class='spieltag_stern_gast'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star_half' alt='star' alt='half_star'></div><div id='aufstellung_' class='versteckt aufstellung_alle'></div></span><span class='spiel ui-corner-all'><div class='spieltag_anstoss'>24.03.12 15:30</div><div class='spieltag_mannschaft_h ui-corner-all'>Werder Bremen</div><div class='spieltag_vs'> - </div><div class='spieltag_mannschaft_g ui-corner-all'>Augsburg</div><div class='nach_spiel_nichtda'><span class='spieltag_tor '>?:? (?:?)</div><div id='info_17293' class='spieltag_info'>Info</div><div class='spieltag_stern_heim'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star_half' alt='star'></div><div class='spieltag_stern_gast'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star' alt='star'><img class='img_hoehe_1' src='http://85.214.32.34/allgemein.php?bild=star_half' alt='star' alt='half_star'></div><div id='aufstellung_' class='versteckt aufstellung_alle'></div></span>[....NOCHMEHR INFOS....]</div><div id='tabellen'><div id='tabs'>
<ul>
<li><a href='#tabs-1'>Tabelle</a></li>
<li><a href='#tabs-2'>Heim Tabelle</a></li>
<li><a href='#tabs-3'>Gast Tabelle</a></li>
</ul><div id='tabs-1'><table id='gesamt_tabelle'><tr>
[...INHALT DER TABELLE....]
</tr></table></div></div></div></div>
</div>
<div id="footer">Das ist der Footer....</div>
</div>
</body>
</html>
und mein css:
body{
background-color:#000000;
}
#site {
width: 86em;
margin:0 auto;
background: url("sunny/images/ui-bg_highlight-soft_100_feeebd_1x100.png") repeat-x scroll 50% top #FEEEBD;
}
#header {
margin: 0;
padding: 0;
background-color: #FFFFFF;
}
#container {
width: 86em;
margin: 0;
padding: 0;
background: url("sunny/images/ui-bg_highlight-soft_100_feeebd_1x100.png") repeat-x scroll 50% top #FEEEBD;
}
#left {
float: left;
width: 18em;
margin: 0;
padding:0 0 0 0;
color:#ff0000;
height:70em;
overflow:auto;
font-size:0.7em;
/*background: url("sunny/images/ui-bg_highlight-soft_100_feeebd_1x100.png") repeat-x scroll 50% top #FEEEBD;*/
}
#main {
float: left;
width: 72em;
/*min-height:600px; */
/*background: url("sunny/images/ui-bg_highlight-soft_100_feeebd_1x100.png") repeat-x scroll 50% top #FEEEBD;*/
padding: 0;
margin: 0 0 0 1em;
height:49em;
overflow:auto;
}
#footer {
clear: left;
background-color: #FFFFFF;
padding: 0;
margin: 0;
}
#tabellen{
width:47.5em;
font-size:0.7em;
float:right;
margin-right:2em;
margin-top:4em;
margin-left:51em;
position:fixed;
}
#spieltag{
width:33.5em;
float:left;
}