Bakgrunden visas inte i FF

4 svar · 420 visningar · startad av ejick 20 sep. 2005

ejickMedlem sedan mars 2001895 inlägg

Frågan20 sep. 2005 11:41#1

Hejsan,

jag har en fundering hur jag skall göra för att få bakgrunden på en bakomliggande div att visas...

#content {
    width: 650px;
    background: #000;
}
#left {
    float: left;
    width: 440px;
    background: #EEE;
}
#right {
    float: left;
    width: 200px;
    margin: 0 0 0 10px;
    padding: 0;
    background: #CCC;
}
...
<div id="content">
  <div id="left">
    ...
  </div>
  <div id="right">
    ...
  </div>
</div>

Alternativt skulle #right kunna se ut på följande:

#right {
    float: right;
    width: 200px;
    margin: 0;
    padding: 0;
    background: #CCC;
}

Avståndet som blir mellan left och right borde vara svart, problemet är att FF inte visar det på detta sätt.

PalleMedlem sedan apr. 20003 174 inlägg

20 sep. 2005 11:50#2

Eftersom du använder float så måste du återställa
ordningen på dina divvar innan du avslutar content, ex.

<div id="content">
  <div id="left">
    ...
  </div>
  <div id="right">
    ...
  </div>
  [red]<br style="clear:both; />[/red]
</div>

ejickMedlem sedan mars 2001895 inlägg

20 sep. 2005 11:52#3

Tack för den snabba hjälpen :)

Dock måste jag tillägga att det inte fungerar i IE längre. Byter jag br till hr fungerar det men en linje visas.

Kan det bero på att jag har ytterligare en div som jag inte tog med tidigare?

<div id="pos">
  <div id="content">
    <div id="left">
       ..
    </div>
    <div id="right">
       ..
    </div>
    <br style="clear: both;" />
  </div>
</div>

PalleMedlem sedan apr. 20003 174 inlägg

21 sep. 2005 06:21#4

ejick skrev:

Dock måste jag tillägga att det inte fungerar i IE längre.

På vilket sätt fungerar det inte?

ejickMedlem sedan mars 2001895 inlägg

21 sep. 2005 08:51#5

Det var visst den mänskliga faktorn som spökade, nu är problemet löst och jag tackar hjärtligast för hjälpen. :)

Det hade smygit in en liten kodsnutt som inte hade där att göra vilket resulterade i att problemet kvarstod. :r