http://wp-danmark.dk/forum/topic/positionering-af-elementer-og-flash WordPress DK Forum Topic: Positionering af elementer og flash da-DK Tue, 15 Sep 2026 05:45:45 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/positionering-af-elementer-og-flash#post-9543 lør, 07 mar 2009 23:38:47 +0000 Mark Thomas Gazel 9543@http://wp-danmark.dk/forum/ <p>Det er smart nok med conditional statements må man sige, men det ville være rart at kunne gøre det uden.</p> <p>Det virker dog som en drøm må man sige. Jeg laver lige en browsershots for at se om det ser kritisk ud i andre browsere end nyeste FF og IE. Og ældre IE. </p> http://wp-danmark.dk/forum/topic/positionering-af-elementer-og-flash#post-9540 lør, 07 mar 2009 10:37:12 +0000 tinem 9540@http://wp-danmark.dk/forum/ <p>Jeg kan se at du har valgt at fjerne -10px og nu virker det i Firefox/Chrome, men ikke i Explorer, men tror jeg har fundet løsningen.</p> <p>Hvis du placerer nedenstående kode lige foran &lt;/head&gt;, så vil det også virke i Explorer. Det kaldes conditional statement.</p> <p>&lt;!--[if IE 7]&gt;<br /> &lt;style type=&quot;text/css&quot;&gt;<br /> #header .description {margin-bottom: -10px;}<br /> &lt;/style&gt;<br /> &lt;![endif]--&gt;</p> <p>og hvis det er for alle Explorer browsere udskifter du til &lt;!--[if lte IE 7]&gt;.</p> <p>Du skal også indsætte margin-bottom: 0; i #header .description i style.css </p> http://wp-danmark.dk/forum/topic/positionering-af-elementer-og-flash#post-9531 fre, 06 mar 2009 19:00:56 +0000 tinem 9531@http://wp-danmark.dk/forum/ <p>Nu er det mig der er ved at blive sindssyg over hvorfor jeg/vi ikke kan få det til at fungere. Jeg har arbejdet videre på dine gamle koder og hvis du fjerner bottom-border fra menuen, så virker det og så opdager man ikke at det ikke står helt nøjagtigt. :-)</p> <p>ul#tabnav { /* general settings */<br /> text-align: right; /* set to left, right or center */<br /> margin: 52px 0 1em 0; /* set margins as desired */<br /> /*font: bold 1.3em verdana, arial, sans-serif; set font as desired */<br /> /*border-bottom: 1px solid #663300; set border COLOR as desired */<br /> list-style-type: none;<br /> padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */<br /> position: relative; /* flash adjustment */<br /> top: 0px; /* flash adjustment */<br /> z-index: 2; /* flash adjustment */<br /> } </p> http://wp-danmark.dk/forum/topic/positionering-af-elementer-og-flash#post-9527 fre, 06 mar 2009 15:39:10 +0000 Mark Thomas Gazel 9527@http://wp-danmark.dk/forum/ <p>Tak til Tine.</p> <p>Det var lige det, der skulle til. Nu står fanerne, som de skal, i begge browsere.</p> <p>Så er der kun problemet med det underlige luft foroven i FF. Den kan jeg ikke lige lure. Jeg kan simpelthen ikke se, hvad det kommer af.</p> <blockquote><p>Jeg vil også lige nævne at jeg faktisk ikke kan læse den røde skrift på den sorte baggrund, og jeg er nok ikke den eneste, så det skal du nok også have med i dine overvejelser.</p></blockquote> <p>Jeg er opmærksom på det. Farverne er tilnærmet fra det trykte materiale og der er sort ikke sort, men snarere koksgrå. På en skærm er sort mere sort og den mørkebrune forsvinder, derfor næsten. Eller ret meget. </p> http://wp-danmark.dk/forum/topic/positionering-af-elementer-og-flash#post-9518 tors, 05 mar 2009 16:04:31 +0000 tinem 9518@http://wp-danmark.dk/forum/ <p>Ja, det er nok Explorer der er problemet, fordi Firefox og Crome ser ens ud, men jeg regner med at -10px i</p> <p>#header .description {<br /> font-size: 1.5em;<br /> text-align: center;<br /> color: #663300;<br /> font-weight: bold;<br /> margin-bottom: -10px;</p> <p>har du brugt for at få det til at se ok ud i Explorer. Denne side kan måske hjælpe dig <a href="http://www.positioniseverything.net/" rel="nofollow">http://www.positioniseverything.net/</a>, indtil en anden kommer med et bud.</p> <p>Jeg vil også lige nævne at jeg faktisk ikke kan læse den røde skrift på den sorte baggrund, og jeg er nok ikke den eneste, så det skal du nok også have med i dine overvejelser.</p> <p>Måske kan denne hjælpe <a href="http://www.milonic.com/mfa/2006-September/menu-hidden-behind-flash.html" rel="nofollow">http://www.milonic.com/mfa/2006-September/menu-hidden-behind-flash.html</a> </p> http://wp-danmark.dk/forum/topic/positionering-af-elementer-og-flash#post-9517 tors, 05 mar 2009 13:03:19 +0000 Mark Thomas Gazel 9517@http://wp-danmark.dk/forum/ <p>Jeg har puttet et falshbanner på min side her:</p> <p><a href="http://www.puppetfestival.dk/" rel="nofollow">http://www.puppetfestival.dk/</a></p> <p>Før var der bare et billede. Flash giver nogle problemer, da både menuen foroven, samt fanemenuen skal ligge <strong>oven på</strong> flash vinduet/animationen. Det er har jeg så fedtet en del med. Det viser sig, at man skal med definere en 'position' på de enkelte overlappende elementer. Det gav det bedste (nemmest tilrettelige) resultat med 'position: relative'. Så skal jeg bruge z-index for at lægge blokelementerne oven på min flash.</p> <p>Det er næsten lykkedes. I IE7 ser det fint ud, men i FF har jeg stadig noget luft over begge menuer og den ene har forskubbet sig lidt til højre.</p> <p>Hele balladen kommer bl.a. af, at jeg gerne vil bibeholde h1-tag'et i headeren for Googles skyld, selvom det er sat til 'visibility: hidden'.</p> <p>Af en eller anden grund fylder h1-elemetet utroligt meget når jeg inspicerer med Firebug, selvom det kun er en en titel og jeg kan ikke se, det er defineret til at være en bestemt størrelse. Det skubber til resten.</p> <p>Jeg vil tro, at det er det klassiske problem med IEs vs. FFs brug af margin og padding, men jeg har stirret mig lidt blind på det, så et par skarpe øjne vil være værdsat meget. </p>