Avatar billede larma Nybegynder
11. maj 2008 - 19:06 Der er 2 kommentarer og
1 løsning

float: left balader i Mozilla Firefox

Jeg sitter å arbeider med et site desing og opplever i den forbindelse noen balader med float: left i Mozilla Firefox.

For å illustrere problemet har jeg lavet en enklere utgave av den koden som skaper problemene:

CSS koden:

body{
    font: 11px Arial, Verdana, sans-serif;
    width: 980px;
    border: 2px solid green;
    padding: 0px;
    margin: 0px auto 0px auto;
}

#main_container{
    width: 978px;
    background-color: grey;
    border: 2px solid yellow;
}

#content_container{
    width: 903px;
    margin: 27px auto 0px auto;
    border: 2px solid purple;
}

.left{
    width: 39%;
    height: 500px;
    float: left;
    background: red;
}

.right{
    width: 60%;
    height: 500px;
    float: right;
    background: blue;
}

Og tilhørende HTML kode:

<body>
<div id="main_container">
  <div id="content_container">
  <div class="left">
  </div>
  <div class="right">
  </div>
  </div>
</div>
</body>
</html>

I Firefox havner altså <div class="left"> og <div class="right"> utenfor <div id="main_container"> og <div id="content_container">. Kolonnene opptrer med andre ord ikke innenfor de aktuelle containerene.

Er det noen som har noen innspill til hva jeg kan gjøre for å overkomme dette problemet?

Mvh
LarMa
Avatar billede wosgam Nybegynder
11. maj 2008 - 19:16 #1
brug tabeller ville jeg tro. Prøv :) og så put align="left" på dem
Avatar billede larma Nybegynder
11. maj 2008 - 19:21 #2
Jo, det går nok fint om jeg bruger tabeller :) Men ønsker å lave det foruten brug av tabeller, og mener/(tror) da det skal være mulig?
Avatar billede larma Nybegynder
11. maj 2008 - 23:10 #3
Fikset problemet selv. Til de som skulle oppleve det samme problemet så var løsningen å tilføre overflow: auto; til både #main_container og #content_container div'ene.
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