Frage stellen
habe ein normales Layout mit div's erstellt. Sprich einen Header, Pathway, Menü, Main-Content und ein News & Poll. Das ganze liegt in einem Wrapper.
- Code: Alles auswählen
/* ====================================
2. Seitenformatierung mit DIV
==================================== */
/****** Wrapper ******/
#wrapper {
background : #FFFFCC url(../images/background.jpg) repeat-y;
text-align : left;
width : 950px;
padding : 0;
border : none;
margin : auto;
margin-top : 20px;
margin-bottom : 20px;
}
/****** HEADER ******/
#header-logo {
height : 120px;
background : #FFFFCC url(../images/header.jpg);
padding : 0;
border : none;
margin : 0;
}
/****** PATHWAY ******/
#pathway-logo {
height : 25px;
background : #FFFFCC url(../images/pathway.jpg);
padding : 0;
border : none;
margin : 0;
}
/****** MENU (SIDEBAR) ******/
#menu {
background : #f19a26;
line-height : 13pt;
float : left;
width : 130px;
padding : 10px;
border : none;
margin : 0;
}
/****** News & Poll ******/
#news {
background : #f19a26;
line-height : 13pt;
float : right;
width : 100px;
padding : 10px;
border : none;
margin : 0;
}
/****** MAIN / CONTENT ******/
#main-content {
width : 660px;
background : #FDF0DE;
line-height : 13pt;
padding : 10px;
border : none;
margin : 0;
margin-right : 120px;
margin-left : 150px;
}
/****** FOOTER ******/
#footer {
clear : both;
background : #FFFFCC url(../images/footer.jpg);
width : 950px;
height : 30px;
padding : 0;
border : none;
margin : 0;
}
Nun möchte ich zwischen dem Menü und dem Main-Content noch ein div einfügen was nur eine Grafik beinhaltet. Aber wie mache ich dies?
Bei meinem jetzigen Layout ist es ja klar, Menü "float:left;", News & Poll "float:right;" und den Main/Content einfach mit "margin:left;" und "margin:right;" in die Mitte gesetzt. Aber wie funktioniert dies wenn ich, wie bereits geschrieben, noch ein div zwischen dem Menü und dem Main-Content einfügen möchte?
Besten Dank im voraus