[HTML/CSS] Vreemde balken naast form in table

Pagina: 1
Acties:

  • NMe
  • Registratie: Februari 2004
  • Laatst online: 24-05 14:53

NMe

Quia Ego Sic Dico.

Topicstarter
Vreemde topictitel, minstens net zo vreemd probleem. :+

Ik heb een gastenboek geschreven in PHP, en daar hoort natuurlijk een reactieformulier in. Hiervoor heb ik een formpje met behulp van een table netjes uitgelijnd. In Internet Explorer laat ie dit allemaal netjes zien, maar FireFox vindt blijkbaar dat er aan weerszijden van het formulier een donkere balk moet komen. :?

In mijn CSS zie ik eigenlijk niets wat die rare marge veroorzaakt, ik gebruik maar 1 keer een marge instelling, en aan de breedteinstelling van de tabel ligt het volgens mij ook niet, als ik de tabel waar het form in staat een breedte van 100% geef ziet de pagina hetzelfde uit.

Natuurlijk heb ik de search en Google gebruikt, maar bij gebrek aan betere omschrijvende woorden dan 'blok' of 'balk' kom ik daar niet echt verder mee.

Ik heb dan ook geen flauw idee hoe ik dit moet aanpakken. Een gebrek aan termen om op te zoeken, gecombineerd met mijn blijkbaar te kleine kennis van CSS, zorgt ervoor dat ik hier nou al uren mee worstel.

Dit is de pagina met het betreffende formulier: *Klik*
Dit is de bijbehorende CSS file: *Klik*

Als iemand ziet wat ik fout doe, of een paar leuke zoekwoorden weet om in Google te stoppen, graag. :)

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


  • curry684
  • Registratie: Juni 2000
  • Laatst online: 12-05 22:23

curry684

left part of the evil twins

Misschien dat ik gek ben, maar Firefox heeft gewoon gelijk.

Je table heeft volgens definitie table.mainpage een backgroundcolor van 0xC0C0C0, en een left en right padding van 12px. De containing table cells hebben vervolgens volgens definitie td op regel 81 van je CSS een kleur van 0xDCDCDC.

Ergo de tabel zelf is dat donkere grijs, en omdat de cells zelf binnen die padding van 12 pixels vallen schijnt daar het donkergrijs van de table zelf door. Klopt dus gewoon :)

(ps. in Firefox zit een DOM Inspector waarmee je CSS Style Rules kunt bekijken, zie je de hele cascade in je hierarchie ;) )

Professionele website nodig?


  • NMe
  • Registratie: Februari 2004
  • Laatst online: 24-05 14:53

NMe

Quia Ego Sic Dico.

Topicstarter
curry684 schreef op 19 juni 2004 @ 03:28:
Misschien dat ik gek ben, maar Firefox heeft gewoon gelijk.

Je table heeft volgens definitie table.mainpage een backgroundcolor van 0xC0C0C0, en een left en right padding van 12px. De containing table cells hebben vervolgens volgens definitie td op regel 81 van je CSS een kleur van 0xDCDCDC.

Ergo de tabel zelf is dat donkere grijs, en omdat de cells zelf binnen die padding van 12 pixels vallen schijnt daar het donkergrijs van de table zelf door. Klopt dus gewoon :)
Tnx. :)

Het ergste is nog dat ik dat zelf ook gezien had, maar ik heb het blijkbaar steeds in de verkeerde file zitten aan te passen. Ik heb 2 files met dezelfde naam, alleen in een andere map, maar mijn editor geeft dat net niet duidelijk genoeg aan |:( (en het is al laat :+)
Probleem had dus opgelost kunnen zijn als ik beter uit mijn slaperige doppen had gekeken... :X
curry684 schreef op 19 juni 2004 @ 03:28:
(ps. in Firefox zit een DOM Inspector waarmee je CSS Style Rules kunt bekijken, zie je de hele cascade in je hierarchie ;) )
I know, had ik ook al gebruikt, maar omdat ik dus de verkeerde file was aan het editen.... :X



Rest de vraag: waarom pikt IE het nou wel? Ik weet wel dat de HTML rendering van IE nogal inferieur is aan die van FF, maar dit vind ik wel een heel erg grove renderfout. :)

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.