Hallo ich wollte meine Sidebar auf der page Maxinhos'BACK
rechts an den Rand der Seite verschieben!
Nach langem studieren des Forums und rumexperimentieren mit Margin/Padding Werten bin ich am Ende und brauche euren Rat!
Code
#sidebar{
width:432px; float:right; background : transparent;
}
#sidebar-top{
width:432px; height:32px;
background:url(images/sidebar-top.gif) no-repeat;
}
.lsidebar {
width:188px;float:left;
background:url(images/box-bg.gif) repeat-y;
}
li.btm {
background:url(images/box-btm.gif) no-repeat;
height:42px;width:188px;margin:0;padding:0;
}
h2.green {
background:url(images/box-green-top.gif) no-repeat;
height:31px;width:170px;
}
h2.orng {
background:url(images/box-orng-top.gif) no-repeat;
height:31px;width:170px;
}
h2.red {
background:url(images/box-red-top.gif) no-repeat;
height:31px;width:170px;
}
h2.blue {
background:url(images/box-blue-top.gif) no-repeat;
height:31px;width:170px;
}
#sidebar ul{
list-style : none;
margin :0;
padding :0;
}
#sidebar ul li{
list-style : none;
margin : 0 ;
padding : 0 ;
}
#sidebar ul li h2{
margin :0;
font-size : 18px;
text-align : center;
padding : 3px 18px 0 0;
color : #FFF0AA;
font-weight : normal;
}
#sidebar ul ul{
list-style : none;
margin :0;
padding :0;
}
#sidebar ul ul li{
list-style : none;
margin : 0 0 0 10px;
padding : 5px 18px 0 16px;
font-weight : normal;
font-size : 11px;
background: url(images/box-li.gif) no-repeat 0 8px;
display:block;
}
#sidebar a {
margin :0;
padding :0;
color : #111;
text-decoration : none;
}
#sidebar a:hover {
color : #111;
text-decoration : underline;
}
.rsidebar {
width:188px;float:left;
background:url(images/box-bg.gif) repeat-y;
}Wi muss hier etwas verändert werden um die Sidebar gänzlich zu verschieben(sehr nahe dran war sidebar ul) ?
Kann ich ausserdem die HauptBox wo die Texte reinkommen etwas verbreitern bzw. ebenfalls nach Rechts versetzten?
Danke im Vorraus M