http://wp-danmark.dk/forum/tags/absolute WordPress DK Forum Tag: absolute - Recent Posts da-DK Sun, 19 Jul 2026 00:42:38 +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-20687 ons, 03 nov 2010 12:33:43 +0000 Kucko 20687@http://wp-danmark.dk/forum/ <p>Har du prøvet at tilføje en "clear:both" tag imellem dem? </p> http://wp-danmark.dk/forum/topic/sidebar-vil-ikke-som-jeg-vil#post-20673 ons, 03 nov 2010 01:01:46 +0000 stffn 20673@http://wp-danmark.dk/forum/ <p>Det er svært at sige, når vi kun kan se et udsnit af koden.<br /> Det er nemmere at hjælpe, hvis du linker til siden.</p> <p>Der er mange ting der kan spille ind, men et bud fra min hånd af er;<br /> Den samlede bredde er for stor til at vises på den lille opløsning. </p> http://wp-danmark.dk/forum/topic/sidebar-vil-ikke-som-jeg-vil#post-20671 ons, 03 nov 2010 00:13:45 +0000 AntonAKH 20671@http://wp-danmark.dk/forum/ <p>Fandt sgu ud af det !</p> <p>svar;<br /> <code>/* Sidebar<br /> -------------------------------------------------------------------- */<br /> #sidebar {<br /> width: 27%;<br /> margin: -1% 4% 1% 4%;<br /> clear: none;<br /> position:absolute;<br /> left:750px;<br /> top:208px;<br /> z-index:1;<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 /> }<br /> </code> </p> 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>