Nicht mehr ganz neu hier
Hallo Zusammen.
Ich verzweifel gerade an der Anordnung meiner div Container. Ich Habe bei meinem Body den Header und alles soweit gestalten das es passt.
Meine Vorstellung ist es, das ich einen content wrapper habe, mit einer festen breite der zentral ausgerichtet ist. (Funktioniert)
Darin befindet sich inks der Loginbereich mit einer festen breite (Funktioniert)
Was nicht Funktioniert ist, den main content rechts neben den Loginbereich zu setzen. Dieser wird auch mit float immer drunter gesetzt.
Anbei mein Code im CSS
und hier der Code im HTML
Ich verzweifel gerade an der Anordnung meiner div Container. Ich Habe bei meinem Body den Header und alles soweit gestalten das es passt.
Meine Vorstellung ist es, das ich einen content wrapper habe, mit einer festen breite der zentral ausgerichtet ist. (Funktioniert)
Darin befindet sich inks der Loginbereich mit einer festen breite (Funktioniert)
Was nicht Funktioniert ist, den main content rechts neben den Loginbereich zu setzen. Dieser wird auch mit float immer drunter gesetzt.
Anbei mein Code im CSS
CSS:
body {
font:62,5%/1,8em Helvetica, verdana, arial, sens-serif;
color:#FFF;
width:100%;
background:url(BG_full.jpg) top center no-repeat;
margin:0 auto;
}
/*---------------- Header ----------------*/
#header {
height:165px;
background:url(header_repeat.png) repeat-x;
}
#header_img {
height:165px;
background:url(Header%20Banner_2.png) no-repeat center;
}
#header_center {
margin:0 auto;
width:980px;
height:140px;
}
/*---------------- Content ----------------*/
#wrapper_content {
width:1200px;
height:100%;
margin:0 auto;
background:rgba(255,255,255,0.5);
}
#main_content {
width:1000px;
height:500px;
background:#FF0;
margin:0;
}
/*---------------- Sidebars ----------------*/
#sidbar_left {
width:160px;
height:300px;
padding-left:15px;
border-bottom-left-radius:80px;
background:#930;
}
und hier der Code im HTML
HTML:
<div id="wrapper_content">
<div id="sidbar_left"><!-- Sidbar -->
<div class="login_font"><!-- login block -->
</div><!-- login block end -->
</div><!-- Sidbar end -->
<div id="main_content">
</div>
</div>