Hallo.
Ich brauche mal Eure Hilfe, bin hier schon am verzweifeln. Also ich habe eine Seite komplett mit DIV's umzusetzen. Da aber in den Hauptdiv noch diverse andere reinmüssen (Vorschaubilder mit DIV's á la Youtube), sollte der Hauptdiv dynamisch nach unten gehen.
Wenn ich jetzt dem Hauptdiv den Attribut "position: fixed;" zuweise, dann kann ich gar nicht mehr scrollen und alles sieht aus wie ein Bild. Wenn ich dem Hauptdiv die Höhenangabe "100%" gebe, dann ist er auch nur so hoch wie der Browser. Min-width geht auch nicht, glaube das wird ganz ignoriert.
https://www.imgwelt.de/uploads/Z8AS135XDYM.jpg
Das hellgraue ist der Hauptdiv und die kleineren Boxen sind die Vorschaubilder-Div's.
Glaube das sollte reichen.
Vielen Dank schonmal, ich hoffe Ihr werdet mir eine große Hilfe sein. =)
MfG
Ich brauche mal Eure Hilfe, bin hier schon am verzweifeln. Also ich habe eine Seite komplett mit DIV's umzusetzen. Da aber in den Hauptdiv noch diverse andere reinmüssen (Vorschaubilder mit DIV's á la Youtube), sollte der Hauptdiv dynamisch nach unten gehen.
Wenn ich jetzt dem Hauptdiv den Attribut "position: fixed;" zuweise, dann kann ich gar nicht mehr scrollen und alles sieht aus wie ein Bild. Wenn ich dem Hauptdiv die Höhenangabe "100%" gebe, dann ist er auch nur so hoch wie der Browser. Min-width geht auch nicht, glaube das wird ganz ignoriert.
https://www.imgwelt.de/uploads/Z8AS135XDYM.jpg
Das hellgraue ist der Hauptdiv und die kleineren Boxen sind die Vorschaubilder-Div's.
Code:
<div class="outbox">
<div class="header_text"><img src="img/head_text.jpg" alt="..." /></div>
<div class="header_banner"><img src="img/banner.jpg" alt="Beispielbanner" /></div>
<div class="navi_leiste">
<div class="navi_leiste_button_1">Neu</div>
<div class="navi_leiste_button_2">Meist gesehen</div>
<div class="navi_leiste_button_3">Best bewertet</div>
<div class="navi_leiste_button_4">Einloggen/Registrierung</div>
<div class="navi_leiste_search">Suche: <input class="search_head" type="text" size="27" /></div>
</div>
<div class="submenu_top">Hier ein Beispieltext mit G und gg und grog gg und so weiter... <a href="#">Link</a></div>
<!--start_left_navi-->
<div class="menu_left">
<div class="menu_left_topic">Videos</div>
<div class="menu_left_button">> neueste</div>
<div class="menu_left_button">> am meisten gesehen</div>
<div class="menu_left_button">> am besten bewertet</div>
...
</div>
<div class="content_outbox">
<h1>Die neuesten Videos (Immer)</h1><h2>Heute, 18.09.2007</h2>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
<div class="video_preview">d</div>
</div>
</div>
Code:
.outbox {
min-width:800px;
width:90%;
position:absolute;
top:46px;
left:54px;
background-color:#333333;
}
.menu_left_button {
width:167px;
padding:2px;
background-color:#494949;
margin-bottom:1px;
}
.content_outbox {
border:0px;
position:absolute;
top:166px;
left:220px;
width:76%;
height: 100%;
}
h1 {
font-size:15px;
font-weight:normal;
}
h2 {
font-size:13px;
font-weight:bold;
}
.video_preview {
background-color:#3A3A3A;
border: 1px solid #4B4B4B;
width: 175px;
height: 190px;
float: left;
margin-right: 15px;
margin-bottom: 10px;
}
Glaube das sollte reichen.
Vielen Dank schonmal, ich hoffe Ihr werdet mir eine große Hilfe sein. =)
MfG