[Css] Background color niet zichtbaar in FF - Softwareontwikkeling

maandag 26 november 2007 19:01

Acties:

Topicstarter

Meestal lig ik te knoeien om css ook in IE (7.0) deftig te laten renderen, maar nu doet FireFox wel effe lastig.
Hij toont namelijk mijn achtergrondkleur niet zoals het zou moeten zijn. Dit heb ik nog nooit meegemaakt.

je kan de pagina bekijken op http://www.chepri.eu/colset.htm
Daar merk je dat de rechterkolom in IE 7.0 een oranje achterkleur heeft (zoals het zou moeten zijn), helaas zie ik in Firefox geen achtergrondkleur.

Enig idee waar het probleem zou kunnen liggen ?

Alvast bedankt

Html code :

code:

<body>
  <div id="page-container">
    <div id="header"><img src="images/header.jpg" width="966" height="200" /> </div>  
    <div id="contentcontainer">        
    <div id="navig">
              navigatie hier
        </div>
    <div id="content">
               Lorem ipsum dolor 
        </div>
    <div id="nieuwsbrief">
               Lorem ipsum dolor 
        </div>      
     </div>
     <div id="footer"> Lorem ipsum dolor </div>
  </div>
</body>

En dit is de bijhorende css

code:

body {
    background-color: #104b7d;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
#page-container {
    width: 970px;
    margin: 0 auto;
    padding-left: 17px;
    padding-right: 17px;
    background-color: #FFFFFF;
}
#header{
    margin: 0 auto;
    height: 200px;
    background-color: #009966;
    margin-right: 34px;
}
#navig {
    background-image: url(../images/navigbg.gif);
    height: 25px;
    width: 930px;
    background-repeat: no-repeat;
    background-color:#FFFFFF;
}

#contentcontainer {
    margin: 0 auto;
    width: 930px;
    background-color:#fcb040;  /* DEZE KLEUR KOMT DUS NIET IN FF VOOR */
    margin-left: 34px;  
}

#content {
    width: 680px;
    padding: 10px;
    float: left;
    color: #104b7d;
    border-left: 1px solid #FCB040; 
    background-color:#ffffff;
}

#nieuwsbrief {
    width: 200px;
    padding: 10px;
    float: right;
    color: #104B7D;
    text-align: left;
}

#footer{
    margin: 0 auto;
    width: 930px;
    height: 30px;
    clear: both;
    padding-top: 15px;
    padding-bottom: 10px;
    border-top: 1px solid #FCB040;
    margin-left:34px;
    background-color:#FFFFFF;
}

iRacing Profiel Racing, competing is in my blood....

maandag 26 november 2007 19:12

Acties:

Cartman!

Installeer Firebug plugin eens voor Firefox en dan zie je dat de container geen hoogte heeft, dat is wat je moet zien op te lossen dus

Nu had ik de direct oplossing kunnen melden maar dat doe ik (nog) niet want ik krijg niet het idee dat je zelf al moeite hebt gedaan om dit op te lossen, het komt veel voor namelijk.

maandag 26 november 2007 19:29

Acties:

Verwijderd

probeer er eens 'overflow: hidden;' in te zetten. Dit lost het vaak op

In de #contentcontainer zetten dan wel he..

[ Voor 24% gewijzigd door Verwijderd op 26-11-2007 19:30 . Reden: #contentcontainer ]

maandag 26 november 2007 19:30

Acties:

Jimster21

Topicstarter

Bedankt voor de Firebug plugin tip. Lijkt me een handige tool...

Ik zie nu dat mijn contentcontainer niet de hoogte heeft wat ik had verwacht....
Die heeft namelijk maar de hoogte van mijn navigatie div. Ik had verwacht dat deze de hoogte zou aannemen van mijn content en nieuwsbrief div

Blijkbaar moet ik dus zorgen dat de hoogte van mijn contentcontainer de hoogte overneemt van de child divs. Ik heb net geprobeerd met height : 100% en height:auto, maar beiden gaven me niet het gewenste resultaat.

Ik zoek nog wel effe verder. Bedankt alvast voor de snelle response.

iRacing Profiel Racing, competing is in my blood....

maandag 26 november 2007 19:32

Acties:

Jimster21

Topicstarter

Verwijderd schreef op maandag 26 november 2007 @ 19:29:
probeer er eens 'overflow: hidden;' in te zetten. Dit lost het vaak op

In de #contentcontainer zetten dan wel he..

Thanks, dit deed het hem. Bedankt voor de oplossing.

En ja ik moet nog wel wat css leren... overflow: tags had ik nog nooit gebruikt.

iRacing Profiel Racing, competing is in my blood....

zaterdag 8 december 2007 21:41

Acties:

shades

huh ?

Het is dat ik zit de zoeken op GoT naar een css/background-color probleem dat ik op je site chepri terecht komt maar in ff wordt je asp-code zichtbaar

terwijl het in ie goed werkt. asp is toch server-based euih... hele lappen sql queries zijn zichtbaar

[ Voor 8% gewijzigd door shades op 08-12-2007 21:42 ]

https://k1600gt.nl

zaterdag 15 december 2007 17:16

Acties:

Verwijderd

Heb toevallig hetzelfde probleem gehad. Na een paar uur zoeken ben ik op het volgende uitgekomen.
Verander
body {
background-color: #104b7d;

in

body {
background: #104b7d;

Pagina: 1

Reageer