Avatar billede donslund Nybegynder
19. juni 2007 - 11:48 Der er 10 kommentarer og
1 løsning

3 pixels luft mellem flydende div's

Jeg har 2 div's der står ved siden af hinanden.

Men i IE er der 3 pixels luft mellem de 2. Hvad kan det skyldes? Hvis jeg laver negativ margin på den ene, så rykker de sammen, men det virker ikke efter hensigten i FireFox.
Avatar billede fennec Nybegynder
19. juni 2007 - 11:56 #1
Ville være nemmere hvis du viste os noget kode eller et link hvor vi kan se problemet...

Men det skyldes sikkert at IE og FF tolker width forskellig når der er border på.
Avatar billede michael_stim Ekspert
19. juni 2007 - 12:14 #2
Har haft samme problem da jeg ikke brugte den rigtige doctype.
Avatar billede michael_stim Ekspert
19. juni 2007 - 12:14 #3
Men som fennec siger, så kan vi kun gätte.
Avatar billede Slettet bruger
19. juni 2007 - 12:15 #4
fennec:
...og forskel på hvilken IE-version... *suk*

donslund:
Hvilke browsere og -versioner udvikler du i?
Avatar billede donslund Nybegynder
19. juni 2007 - 12:57 #5
IE 6

FireFox 1.5

#left {
    width: 267px;
    float: left;
    background-image: url(billeder/xbg_left.gif);
    margin:0px;
    margin-right:0;
    }
#left_inner {
    border: 0px solid #00ff00;
    padding: 0px;
    }

   
#right {
    background-color: #dddddd;
    width: 633px;
    margin-top: 0;
    margin-left: 267px;
    }
#right_inner {
    border: 0px solid #ff00ff;
    padding-left: 0px;
    }


Det er Left og right der har lidt mellemrum.
Avatar billede roenving Novice
19. juni 2007 - 13:46 #6
Hvorfor floater du ikke bare den højre ?-)

#right {
    background-color: #dddddd;
    width: 633px;
    float:left;
    }
Avatar billede donslund Nybegynder
19. juni 2007 - 13:51 #7
Men så rykker den ned i forhold til Left.

#left {
    width: 267px;
    background-image: url(billeder/bg_left.gif);
    margin:0px;
    margin-right:0;
    }
#left_inner {
    border: 0px solid #00ff00;
    padding: 0px;
    }

   
#right {
    background-color: #dddddd;
    width: 633px;
    margin-top: 0;
    margin-left: 267px;
    float: left;
    }
#right_inner {
    border: 0px solid #ff00ff;
    padding-left: 0px;
    }
Avatar billede roenving Novice
19. juni 2007 - 14:04 #8
-- det var altså ik' li'e tilfældigt at jeg havde _erstattet_ dine margins med floaten (men -left'en holder jo alligevel op med at virke !-)

-- prøv at linke til et eksempel, hvor fejlen opstår ...
Avatar billede donslund Nybegynder
19. juni 2007 - 15:11 #9
Float left på den ene og right på den anden ser ud til at virker i IE6, 7 og FF

Smid et svar, roenving
Avatar billede roenving Novice
19. juni 2007 - 15:23 #10
Oki '-)
Avatar billede roenving Novice
19. juni 2007 - 15:38 #11
-- og tak for point ;~}
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