Hej alle
Nu har jeg prøvet mig frem med nogle muligheder og er blevet
klogere.
Nuværende design af Fiduso er baseret på en ramme i fuld bredde
hvor menuen optager den plads den behøver og spalterne får 38 %
hver (af den totale bredde). Hvis der kun er to spalter på siden,
går det hele automatisk.
(alle størrelser der ikke er bundet til hjørnernes
pixelstørrelse, er relative - % eller em )
Hvis jeg imidlertid afslutter spalterne og benytter fuld bredde,
rykker den næste boks ind under menuen helt til venstre, og det
må den ikke. Derfor har jeg lavet en klasse "menuindryk" der
fylder det samme som menuen, og så skriver jeg:
<div class="menuindryk"> </div>
<div class="fuldbredde">
Blablablablablablablabla
</div>
Det virker okay og er det som er sat op nu, men det kræver at jeg
tager opsætningshensyn i indholdet (indføjer menuindrykket hvor
det er nødvendigt).
Jeg har nu (omsider) fundet ud af at lave en dobbelt ramme hvor
den inderste har så meget venstrepadding at hele resten af siden
automatisk går fri af menuspalten sådan som den skal ... i Opera
og Firefox, men naturligvis ikke i IE.
Menuen lægges på plads med absolut positionering.
Til IE lavede jeg så betinget opsætning så det også kom til at
fungere - den skal ikke have nogen padding i den inderste ramme,
for menuen skubber automatisk de andre bokse. Men når jeg så
laver noget nedenunder de første bokse, rykker det igen helt til
venstre.
Og nu er det ikke sjovt mere ...
Er det besværet værd at prøve at komme af med
menuindrykningsfidusen, eller er det sådan noget man må leve med
i en verden der ikke er perfekt?
Det er formodentlig ikke nødvendigt at nærlæse koden, for det er
sådan set mere principperne det drejer sig om, men jeg har
alligevel lagt min seneste testside op her:
http://fiduso.dk/test/
Den inderste ramme har fået en prikket ramme under testfasen.
--
Bertel
http://bertel.lundhansen.dk/ FIDUSO:
http://fiduso.dk/