http://wp-danmark.dk/forum/topic/billede-indover-bj%c3%a6lke-virker-i-firefox-men-ikke-ie WordPress DK Forum Topic: Billede indover bjælke virker i Firefox men ikke IE da-DK Wed, 07 Oct 2026 07:48:40 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/billede-indover-bj%c3%a6lke-virker-i-firefox-men-ikke-ie#post-6021 man, 05 maj 2008 20:47:05 +0000 brianbrandt 6021@http://wp-danmark.dk/forum/ <p>Hej Thomas..<br /> Det er sgu weltklasse.... Det virkede bare perfekt... </p> <p>Undskyld jeg først lige skriver nu, har ikke lige haft tid til at kigge på det før nu... </p> <p>(tak for design-bemærkningen) kan desværre ikke tage al æren.. den er bygget på en andens designskabelon, men jeg har manipuleret og redigeret den til hudløs og ukendelighed... så lidt ære vil jeg godt tage for den ;-)</p> <p>Men tusind tak for hjælpen... det er ofte en simpel lille ting der skal til for at tingene spiller max... </p> <p>Mvh Brian </p> http://wp-danmark.dk/forum/topic/billede-indover-bj%c3%a6lke-virker-i-firefox-men-ikke-ie#post-6010 man, 05 maj 2008 08:34:21 +0000 Thomas-DK 6010@http://wp-danmark.dk/forum/ <p>Har du fået det afprøvet? </p> http://wp-danmark.dk/forum/topic/billede-indover-bj%c3%a6lke-virker-i-firefox-men-ikke-ie#post-5979 ons, 30 apr 2008 23:26:24 +0000 Thomas-DK 5979@http://wp-danmark.dk/forum/ <p>Så :D</p> <p>Det vil være mere logisk at du sætter margin på div'en istedet for dit img.<br /> Så slet:<br /> <code>.logo img {<br /> margin:-30px 0pt 0pt;<br /> z-index:2;<br /> }</code></p> <p>og indsæt (eller omdøb den anden :D)</p> <p><code>.logo {<br /> margin:-30px 0pt 0pt;<br /> z-index:14 !important;<br /> position:relative !important;<br /> }</code></p> <p><code>z-index:14</code> er grænsen<br /> Det virker ved mig, prøv engang.</p> <p>Ps. Som udgangspunkt skal det virker uden z-index, men der er et andet sted i din stylesheet der konflikter </p> http://wp-danmark.dk/forum/topic/billede-indover-bj%c3%a6lke-virker-i-firefox-men-ikke-ie#post-5978 ons, 30 apr 2008 23:17:19 +0000 Thomas-DK 5978@http://wp-danmark.dk/forum/ <p>Jeg har brugt lidt over en halv time på det og fik det til at virke, men så var der også kun 20 linjer tilbage i stylesheet'et.<br /> Det er meget rodet og fyldt med hacks fordi forfatteren ikke lavede det rigtigt fra starten. (Undskyld hvis det sårede nogen).<br /> Mit bud er, at den går galt i blandingen af float, position og z-index.</p> <p>Jeg vil prøve at se om jeg kan finde fejlen, men tror det kræver en del omskrivningen.</p> <p>Off-topic:<br /> Dit design er sgu lækkert </p> http://wp-danmark.dk/forum/topic/billede-indover-bj%c3%a6lke-virker-i-firefox-men-ikke-ie#post-5977 ons, 30 apr 2008 19:58:25 +0000 brianbrandt 5977@http://wp-danmark.dk/forum/ <p>Det virkede desværre ikk... hmm ?! </p> http://wp-danmark.dk/forum/topic/billede-indover-bj%c3%a6lke-virker-i-firefox-men-ikke-ie#post-5959 man, 28 apr 2008 19:16:45 +0000 jacobask 5959@http://wp-danmark.dk/forum/ <p>kan et z-index:2; på .logo img måske gøre tricket for IE (kan ikke lige teste).</p> <p>Mvh<br /> Jacob Ask </p> http://wp-danmark.dk/forum/topic/billede-indover-bj%c3%a6lke-virker-i-firefox-men-ikke-ie#post-5958 man, 28 apr 2008 19:12:55 +0000 brianbrandt 5958@http://wp-danmark.dk/forum/ <p>Hej. </p> <p>Er der andre som også tit render ind i det problem, at man godt kan få et billede til at skræve ind over et andet billede i Firefox, men ikke i IE.<br /> Hvad gør I for at løse det problem ?</p> <p>Mit konkrete problem er:<br /> <a href="http://crossfitdenmark.dk/" rel="nofollow">http://crossfitdenmark.dk/</a><br /> Hvor toplogoet virker fint i Firefox, men den forsvinder bag den grå bjælke i IE. </p> <p>Billedet er indsat således:<br /> <code>&lt;div class="logo"&gt;<a>/" title="Return to the frontpage"&gt;<img src="/toplogo.png" alt="Crossfit Copenhagen" /></a>&lt;/div&gt;</code></p> <p>og STylesheet ser således ud:<br /> <code>}<br /> .logo img {<br /> margin: -30px 0 0 0;<br /> }<br /> .logo h1 {<br /> text-transform: uppercase;<br /> font-weight: bold;<br /> color: #000;<br /> margin: 12px 0 0px 0;<br /> }<br /> input {<br /> border: 1px solid #CCCCCC;<br /> padding-left: 0;<br /> }<br /> ol {<br /> margin-left: 35px;<br /> }<br /> label {<br /> font-weight: normal;<br /> }</code></p> <p>Nogen der har et forslag? </p>