Hejsa drenge
Jeg hjælper en veninde med et eksamensprojekt, og hendes WP temas sidebar opfører sig højst besynderligt..
Flere forskellige metoder er blevet brugt med hensyn til css, men jeg kan simpelthen ikke få det til at fungere.
Når man "zoomer" ind på siden, eller ser den i lave opløsninger, flyder sidebaren ind over content, og det er jo ikke så kønt..
Er der en klog person herinde som kan se problemet?
CSS delen omkring sidebar ser ud således:
/* Sidebar
-------------------------------------------------------------------- */
#sidebar {
width: 27%;
margin: -1% 4% 1% 4%;
clear: none;
position: fixed;
right:5%;
top:12%;
margin-right: -10px;
padding-right: 15px;
}
#sidebar h3 {
font-size: 100%;
color: #333;
font-weight: bold;
border-bottom: solid 1px #333;
padding-bottom: 5px;
}
#sidebar .widget {
text-align: left;
width: 190px;
margin: 0 5px 10px 5px;
float: none;
}
#sidebar ul {
margin-left: 1em;
list-style: none;
}
#sidebar ol {
margin-left: 1em;
}
#sidebar form#searchform {
clear: both;
padding-top: 10px;
width: 190px;
}
#sidebar form#searchform #qsearch {
padding: 0;
border: none;
width: 190px;
height: 33px;
margin: 15px auto;
background: #F2F0F0 url(images/qsearch_long.gif) no-repeat;
}
#sidebar form#searchform #qsearch input {
float: left;
border: none;
background: transparent;
margin: 0;
}
#sidebar form#searchform #qsearch input#s {
width: 170px;
padding: 5px;
}
#sidebar form#searchform #qsearch .btn{
float: right;
margin: 5px 5px 0 0;
}
Hvad skal der ske? :)
Tak på forhånd !