Probleem grijs vlak in E107

[SeatiX]

Beste,

Ik ben bezig met het maken van een CS:GO clan website. Ik gebruik het systeem E107. Het gaat al aardig en ik ben al een heel eind. Er is alleen één probleem: Wanneer ik op Chrome en FireFox zit dan zie ik onder de menu's gewoon wit, wat ik ook wil maar zodra ik de website open op Internet Explorer dan zie je onder de menu's een groot grijs vlak. Foto's:

De kleurcode van deze grijze balk is #0f0f0f. Als ik in de CSS kijk van het thema dat ik gemaakt heb dan kan ik nergens #0f0f0f vinden. Graag hulp.

Grt,

SeatiX

 

[jarco]

Kan je even een link naar de site geven?

 

[SeatiX]

http://www.fearedlegends.nl/

 

[SeatiX]

Hier is de CSS: http://fearedlegends.nl/e107_themes/FearedLegends/style.css

Was hem vergeten te plaatsen Alvast bedankt voor de hulp!

 

[jarco]

Hoi,

De reden is dat er geen background-color gedefinieerd staat voor de betreffende "td". En omdat je html vol fouten zit denkt IE dat je daar die kleur wil (waarom begrijp ik ook niet zo goed).

Je kan dit oplossen door die td een background color te geven (bv: "background-color:#fff;" voor wit.)
Het probleem is echter dat je deze td niet apart kan aanspreken. Je zal hem dus een klasse moeten geven. Hij heeft nu de class tag wel maar er staat niets in. Je zoekt de td die zich net onder de td met als class r4_cleft bevind.

Je kan dit bv vervangen door:

<td class="" style="width:0%; vertical-align:top;">

Vervangen door:

<td class="tdwit" style="width:0%; vertical-align:top;">

Dan kan je in je css dit zetten:

.tdwit{background-color:#fff;}

Let op: Je html is echt een rommeltje, je zou beter je probleem structureel oplossen door alle fouten weg te werken, maar als je weinig tijd hebt kan je hier ook wel mee verder.

 

[csshunter]

Hoi SeatiX,
Inderdaad een merkwaardige zaak!

• In de css is geen #0f0f0f te bekennen.
• Het ook geen speciale IE-stijl of IE-hack.
• In de html worden ook background-kleuren gedefinieerd, maar die staat op bgcolor="#fff" (gewoon wit).
• Vraag ik de broncode op in Internet Explorer, dan zit er ook geen #0f0f0f bij.
• Het is geen javascript-oorzaak, want de gegenereerde broncode in IE geeft ook geen #0f0f0f.
• Maar ... vraag ik met de IE-Developer Toolbar de background van de hoofdtabel op (linkerkolom, inhoud, rechterkolom), dan is die opeens: bgColor="#0f0f0f". :shocked:

Eerste vraag: hoe zit het met de html?
Oeps, daar zitten 102 fouten in en nog 40 waarschuwingen. Dan wordt het een wat minder merkwaardige zaak!
Er staat bv. ergens:

...
<td class='r1m' style='width:100%;white-space:now<img src='e107_themes/FearedLegends/images/blank.gif' 
    width='6' height='288' alt='' class='ffimgfix' />
</td>
...

Daar ontbreekt de eind-apostrof van de style, en de eind > van de <td. En een whitespace van "now" bestaat niet. Je ziet het al aan de kleurtjes hierboven. Het moet zijn:

...
<td class='r1m' style='width:100%;white-space:no'><img src='e107_themes/FearedLegends/images/blank.gif' 
    width='6' height='288' alt='' class='ffimgfix' />
</td>
...

Ik kan met voorstellen dat browsers over dit soort dingen struikelen. Dan gaan ze hun foutafhandeling inschakelen, en die is bij elke browser anders (daar zijn geen vaste regels voor).
Bovendien is het een tabel (in tabel in tabel) opmaak, gemengd met <div>'s met een css-opmaak. Dat is meestal ook niet bevorderlijk voor een goede crossbrowser weergave (bv. <div>'s mogen niet in <tr>'s)...
Naast dan de ongeldige html-codes als bgcolor, align='center' e.d. (zie hier).

Er is nog iets te doen, geloof ik.

Met vriendelijke groet,
CSShunter
___________
PS: Kruispost met jarco. We spreken elkaar niet tegen!

 

[SeatiX]

Hartelijk dank voor de reacties. Hier kan ik wat mee! Ik zal ook proberen wat fouten weg te werken. Dank!!