Jeg er i gang med at udvikle et website, hvor jeg gerne vil have, at der en
gennemgående sort bjælke (100% bred og 40px høj) i toppen samt i bunden på
alle siderne. Jeg har bevidst forsøgt at undgå frames men istedet prøvet mig
frem vha. tabel-opbygning - desværre indtil videre uden større held.
Jeg har som udgangspunkt forsøgt at lave en tabel med 4 rækker og 1 kolonne,
hvor jeg sat tabellens højde og bredde til 100%. Herefter har jeg forsøgt at
placere en sort 1x1 tabel (100% bred og 40px høj) i dels den øverste, dels
den nederste celle, og sikret mig alignment er i hhv. toppen og bunden af
disse celler.
Problemet er, at de forskellige browsere opfatter tabelhøjde (og margener)
forskelligt. Tabellen ser således vidt forskelligt ud i IE55, Netscape 6.2,
Netscape 4x samt Opera 6. Højden på tabellen varierer.
Det skal siges, at jeg har lavet en CSS, hvor BODY er sat til { margin:
0px; }
Det virker tilsyneladende i IE5x, men ikke i de andre nævnte browsere. Fx
rykker Netscape 6x den nederste sorte bjælke op på den øverste 2/3 af
skærmen
Mine spørgsmål:
Er der en løsning på mit problem enten ved brug af CSS, Javascript eller en
kombination af disse?
Eller: Kan jeg blive nødsaget til at anvende Frames med en fast sort top- og
bundramme, hvis det ønskede design skal opnås?
Med håb om nogle gode og gerne hurtige svar.
Mvh
Jesper