/u/154974/Jelly_avatar01_small.png?f=community){kind=avatar}
Ik ben bezig met een webagenda, hiervoor heb ik een aantal tabellen naast elkaar staan met allemaal evenveel rijen/kolommen. Op sommige van deze kolommen komen afspraken (divs) te staan. Op deze kolommen heb ik een vaste hoogte staan.
Maar de cellen waar een div instaan worden door IE (6 en 7) vergroot met een paar pixels en dan zijn de tabellen dus niet allemaal even lang meer. Dit gebeurt alleen als ik een doctype van xhtml1.0 of 1.1 opgeef, als ik deze weghaal doet hij wat ik wil, maar ik wil wel een doctype gebruiken. Wat ik al heb geprobeerd is een max-height op te geven, maar dit lijkt niet te werken. Ik heb ook table-layout: fixed op mijn tabellen staan, maar dit werkt alleen voor het verbreden van tabellen tegen te houden.
Ik heb voorbeeldjes gemaakt:
Met doctype
Zonder doctype
Als je hier kijkt zie je dat ze beide goed werken in Firefox, maar de 2e tabel, van de pagina met doctype, iets groter is dan de 1e tabel in Internet Explorer.
Dit gebeurt dus ook voor elke kolom, hoe meer kolommen ik vul, hoe groter die tabel wordt.
Ik dacht ook dat het aan lettergrootte kan liggen, dat IE 'denkt' dat er tekst instaat en dan de kolom groter maakt omdat de standaard lettergrootte groter is dan de kolomhoogte. Maar dit is ook niet het geval omdat hij nog hetzelfde doet wanneer ik de lettergrootte verklein en/of de kolom hoogte vergroot.
Er is wel één oplossing, maar die is vies, onhandig en wil ik liever vermijden. Deze oplossing is om een lege div of spatie te zetten in elke kolom, dan worden ze allemaal vergroot en blijven de tabellen dus wel gelijk....
Iemand die een betere oplossing weet? Ik heb zelf niets werkend kunnen vinden.
Maar de cellen waar een div instaan worden door IE (6 en 7) vergroot met een paar pixels en dan zijn de tabellen dus niet allemaal even lang meer. Dit gebeurt alleen als ik een doctype van xhtml1.0 of 1.1 opgeef, als ik deze weghaal doet hij wat ik wil, maar ik wil wel een doctype gebruiken. Wat ik al heb geprobeerd is een max-height op te geven, maar dit lijkt niet te werken. Ik heb ook table-layout: fixed op mijn tabellen staan, maar dit werkt alleen voor het verbreden van tabellen tegen te houden.
Ik heb voorbeeldjes gemaakt:
Met doctype
Zonder doctype
Als je hier kijkt zie je dat ze beide goed werken in Firefox, maar de 2e tabel, van de pagina met doctype, iets groter is dan de 1e tabel in Internet Explorer.
Dit gebeurt dus ook voor elke kolom, hoe meer kolommen ik vul, hoe groter die tabel wordt.
Ik dacht ook dat het aan lettergrootte kan liggen, dat IE 'denkt' dat er tekst instaat en dan de kolom groter maakt omdat de standaard lettergrootte groter is dan de kolomhoogte. Maar dit is ook niet het geval omdat hij nog hetzelfde doet wanneer ik de lettergrootte verklein en/of de kolom hoogte vergroot.
Er is wel één oplossing, maar die is vies, onhandig en wil ik liever vermijden. Deze oplossing is om een lege div of spatie te zetten in elke kolom, dan worden ze allemaal vergroot en blijven de tabellen dus wel gelijk....
Iemand die een betere oplossing weet? Ik heb zelf niets werkend kunnen vinden.
[ Voor 0% gewijzigd door Walance op 21-08-2008 16:41 . Reden: typo ]