Avatar billede langkiller Nybegynder
27. oktober 2011 - 02:08 Der er 11 kommentarer og
1 løsning

billed vises én pixel lavere i IE's browsere

Følgende billed (menu_l.png) bliver vist præcis hvor det skal i chrome og firefox, men som altid er det IE der er besværlig. Den viser billedet en pixel lavere end den skal. Hvad kan det skyldes?

<div id=\"leftside\"><img src=\"pics/menu_l.png\" style=\"padding-top: 132px;\"></div>
Avatar billede The_Buzz Novice
27. oktober 2011 - 08:39 #1
Har du en URL vi kan se det på?
Avatar billede olebole Juniormester
27. oktober 2011 - 16:09 #2
<ole>

Hvad ville folk dog gøre uden IE? Langt de fleste fejl, som bliver fejet ind under IE's kappe, skyldes skidt kode  *o)

Som The_Buzz skriver, må du lægge et link. Det er ikke til at svare på baggrund af den kodestump, du viser

/mvh
</bole>
Avatar billede keysersoze Ekspert
27. oktober 2011 - 16:13 #3
Er det for sent at skyde skylden på NetScape i stedet :)
Avatar billede olebole Juniormester
27. oktober 2011 - 16:32 #4
*LoL* Se, dengang var der grund til at bitche over IE!

I sammenligning med tiden under 'Store Browserkrig' er det a walk in the park at skrive X-browserkode til dagens browsere  *o)
Avatar billede langkiller Nybegynder
27. oktober 2011 - 20:22 #5
haha nej ved da heller hvad jeg skulle gøre uden IE .. :S

www.clich.net
Det er de to "kanter" på hver side af menu baren der bliver vist 1 pixel ved siden af i IE. Kan det være top margin der ikke bliver registreret i IE som i de andre browsere?
Avatar billede langkiller Nybegynder
27. oktober 2011 - 21:28 #6
* bliver vist 1 pixel for langt nede i IE
Avatar billede olebole Juniormester
27. oktober 2011 - 22:04 #7
Ja, det kunne man tro, men det er faktisk topbaren, der bliver vist en pixel for højt oppe i IE  =)

Lige umiddelbart har jeg ikke forklaringen, men jeg kan prøve at fiddle lidt med det
Avatar billede olebole Juniormester
27. oktober 2011 - 22:10 #8
Jeg ville nog give divet 'ddmenu' position:relative. Så kan du lægge de to billeder inde i divet og give dem position:absolute.

Du lægger dem derefter på plads med top:0 (eller deromkring) og nogle negative værdier på left på det venstre og right på det højre.

Så vil de følge altid topbaren, og de vil ligge på et naturligt sted i koden  *o)
Avatar billede langkiller Nybegynder
27. oktober 2011 - 23:54 #9
ahh okay det vil jeg prøve at rode med.

Siger endnu en gang tak for hjælpen olebole.

.. Jeg kunne vel i teorien også bare smide et php script ind der tjekkede hvilken browser der bliver brugt og så sætte padding-top derefter :)
Avatar billede olebole Juniormester
28. oktober 2011 - 15:01 #10
I teorien er der ikke forskel på teori og praksis. I praksis ser det dog helt anderledes ud  *o)

Ja, i teorien kunne du godt, men de to ombuk skal altid hænge sammen med bjælken. Derfor er det naturligt at lægge dem ind i bjælken og lade dem følge den - uanset, hvor browseren (eller du engang i fremtiden) måtte lægge den  =)

Noget i stil med:


#my-bar {
    position: relative;
    width: 600px;
    height: 30px;
    margin: 80px auto 0;
    font-weight: bold;
    text-align: center;
    background: #06c;
    color: #fff;
}
#my-bar img {
    position: absolute;
    height: 30px;
}
#my-bar .left {
    left: -87px;
}
#my-bar .right {
    right: -87px;
}

<div id="my-bar">
    Dette er topbaren
    <img class="left" src="http://www.eksperten.dk/images/eksperten_logo.gif" alt="">
    <img class="right" src="http://www.eksperten.dk/images/eksperten_logo.gif" alt="">
</div>


Avatar billede olebole Juniormester
28. oktober 2011 - 15:02 #11
- og billederne, jeg brugte var:
    http://www.eksperten.dk/images/eksperten_logo.gif  =)
Avatar billede langkiller Nybegynder
31. oktober 2011 - 11:11 #12
fedt! tak for hjælpen igen igen :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester