http://wp-danmark.dk/forum/tags/absolute WordPress DK Forum Tag: absolute - Recent Topics da-DK Sun, 19 Jul 2026 00:42:48 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/sidebar-vil-ikke-som-jeg-vil#post-20670 ons, 03 nov 2010 00:03:58 +0000 AntonAKH 20670@http://wp-danmark.dk/forum/ <p>Hejsa drenge</p> <p>Jeg hjælper en veninde med et eksamensprojekt, og hendes WP temas sidebar opfører sig højst besynderligt..</p> <p>Flere forskellige metoder er blevet brugt med hensyn til css, men jeg kan simpelthen ikke få det til at fungere.</p> <p>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..</p> <p>Er der en klog person herinde som kan se problemet?</p> <p>CSS delen omkring sidebar ser ud således:<br /> <code>/* Sidebar<br /> -------------------------------------------------------------------- */<br /> #sidebar {<br /> width: 27%;<br /> margin: -1% 4% 1% 4%;<br /> clear: none;<br /> position: fixed;<br /> right:5%;<br /> top:12%;<br /> margin-right: -10px;<br /> padding-right: 15px;<br /> }</p> <p>#sidebar h3 {<br /> font-size: 100%;<br /> color: #333;<br /> font-weight: bold;<br /> border-bottom: solid 1px #333;<br /> padding-bottom: 5px;<br /> }</p> <p>#sidebar .widget {<br /> text-align: left;<br /> width: 190px;<br /> margin: 0 5px 10px 5px;<br /> float: none;<br /> }</p> <p>#sidebar ul {<br /> margin-left: 1em;<br /> list-style: none;<br /> }</p> <p>#sidebar ol {<br /> margin-left: 1em;<br /> }</p> <p>#sidebar form#searchform {<br /> clear: both;<br /> padding-top: 10px;<br /> width: 190px;<br /> }</p> <p>#sidebar form#searchform #qsearch {<br /> padding: 0;<br /> border: none;<br /> width: 190px;<br /> height: 33px;<br /> margin: 15px auto;<br /> background: #F2F0F0 url(images/qsearch_long.gif) no-repeat;<br /> }</p> <p>#sidebar form#searchform #qsearch input {<br /> float: left;<br /> border: none;<br /> background: transparent;<br /> margin: 0;<br /> }</p> <p>#sidebar form#searchform #qsearch input#s {<br /> width: 170px;<br /> padding: 5px;<br /> }</p> <p>#sidebar form#searchform #qsearch .btn{<br /> float: right;<br /> margin: 5px 5px 0 0;<br /> }</code></p> <p>Hvad skal der ske? :)</p> <p>Tak på forhånd ! </p>