Problemen met <td> en <DIV> achtergronden in Firefox

[Verwijderd]

Heren, ik zit voor een kennis van mij te sleutelen aan een website.

De opmaak zelf gebeurt door middel van een tabel en de cellen waar content in komt gebruik ik een plaatje als achtergrond. Nu heb ik als doelstelling om de website in zowel IE als in Forefox er fatsoenlijk eruit te laten zien, maar ik krijg het maar niet voor elkaar om de achtergrond plaatjes in Firefox fatsoenlijk weer te geven. Met een andere site is dat wel gelukt en met precies de zelfde methode, het enige verschil is dat ik daar minder colspans gebruik, maar dat zou IMHO niet uit mogen maken. Ik heb ook geprobeerd of verschillende doc types wat uitmaakt, maar dat haalt niets uit. In het beste geval gebeurt er niets en in het slechtste geval is me layout in IE dan ook opeens niet goed meer.

De betreffende website: http://www.drogerijtimmerman.nl
De broncode kunnen jullie beter zelf even bekijken, is niet zo groot, de CSS zal ik hieronder even posten. Ik heb momenteel alleen de code nodig voor de achtergronden in de CSS file staan zodat ik zeker weet dat er geen andere code voor problemen zorgt.

code:

.td_bgleft {
    background-attachment: fixed;
    background-image: url('images/index_06.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000; 
}
    
.td_bgmiddle {
    background-attachment: fixed;
    background-image: url('images/index_07.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000; 
}

.td_bgright {
    background-attachment: fixed;
    background-image: url('images/index_08.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000; 
}

Korte samenvatting van het verhaal. Kan iemand mij vertellen wat ik fout doe, want ik wordt er een beetje simpel van

[Lukse]

Ik zou eerst en vooral de classes op de td's zetten en die div's weg doen.
Als je lege cellen hebt, zet daar dan ook eens een harde spatie ( & nbsp; ) in.

[ Voor 9% gewijzigd door Lukse op 16-06-2005 14:16 ]

[BtM909]

En als je content in je left en right cell stopt (bijvoorbeeld [norml] [/])

Overigens zou ik helemaal stoppen als ik jou was. Probeer met de juiste HTML elementen (en de styling zoveel mogelijk via CSS te doen) je pagina opnieuw op te bouwen. Voor jou case heb je dan niet eens meer 3 plaatjes nodig.

[ Voor 7% gewijzigd door BtM909 op 16-06-2005 14:15 ]

[Verwijderd]

Lukse schreef op donderdag 16 juni 2005 @ 14:15:
Ik zou eerst en vooral de classes op de td's zetten en die div's weg doen.
Als je lege cellen hebt, zet daar dan ook eens een harde spatie ( & nbsp; ) in.

Het probleem is dat die achtergrond mee moet rekken afhankelijk van de resolutie. Dus dan heb ik twee achtergronden nodig in die cel en dat gaat niet voor zover ik weet. Als je daar een oplossing voor hebt dan hoor ik dat graag. die harde spatie ga ik even proberen.

[Verwijderd]

BtM909 schreef op donderdag 16 juni 2005 @ 14:15:
En als je content in je left en right cell stopt (bijvoorbeeld [norml] [/])

Overigens zou ik helemaal stoppen als ik jou was. Probeer met de juiste HTML elementen (en de styling zoveel mogelijk via CSS te doen) je pagina opnieuw op te bouwen. Voor jou case heb je dan niet eens meer 3 plaatjes nodig.

Ik snap welke kant je op wilt met je verhaal. Probleem is alleen dat ik totaal niet bekend ben met positionering van divs en layers. Het is op zich wel een uitdaging om er dan mee aan de slag te gaan, maar als je me een hint kan geven hoe ik dan tewerk moet gaan dan hoor ik het graag

[Rowanov]

Dan heb ik wat leesvoer voor je

Semantiek algemeen: http://home.parse.nl/~michiel/semantiek.html
Wat voorbeeldjes van hoe je dat kan toepassen: http://www.mozilla.org/contribute/writing/markup#structure
Nuttige tips en voorbeelden van standaard layouts: http://glish.com/css/

[Verwijderd]

Ah tnx, daar ga ik me vrij uren vanavond maar eens aan besteden. Altijd nuttig om dingen bij te leren.

Maar niemand een idee waarom de huidige layout in IE wel werkt maar niet in Firefox?

[imp4ct]

In je code zie'k een paar keer staan "height: 100%", nu uit ervaring weet ik dat als je met procenten gaat werken je, jezelf zeker bij firefox je in de problemen gaat werken.
Zorg dat je vaste afmetingen neem, een vaste width of height, of allebij in "pixels". Dat zou je probleem misschien al kunnen oplossen.