/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Fidusodesign igen igen
Fra : Bertel Lund Hansen


Dato : 05-07-04 06:58

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">&nbsp;</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/

 
 
Erik Ginnerskov (05-07-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 05-07-04 08:17

Bertel Lund Hansen wrote:
> 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 )

[snip en længere forklaring]

> 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?

Problemet er i virkeligheden ret enkelt at komme forbi:

<div id="ydre"> //orange bund med runde hjørner//
<div id="menu"></div> //positioneres absolut//
<div id="sideindhold"></div> //tildeles margin-left = menubredden + 10px//
</div> //"ydre"//

I #indhold kan du så lave alle de opsætningsmæssige julelege, du kan komme i
tanker om. Indholdet kommer ikke ind at stå under menuen.

Du kan se det demonstretet på Hjemmesideskolens sider. Især kan det i denne
forbindelse være interessant at kigge på disse demo-sider:
http://www.hjemmesideskolen.dk/html/testsider/650px.asp og
http://www.hjemmesideskolen.dk/html/testsider/80pct.asp

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Bertel Lund Hansen (05-07-2004)
Kommentar
Fra : Bertel Lund Hansen


Dato : 05-07-04 09:23

Erik Ginnerskov skrev:

>Problemet er i virkeligheden ret enkelt at komme forbi:

Ja, det troede jeg også. Jeg har prøvet det du foreslår, men så
skubbede IE 6.0 indholdet dobbelt så langt ind som det skulle.

[Efterprøve, efterprøve]

Hm, nu virker det som det skal. Sært. Nu må jeg se hvor længe det
holder ...

Tak for hjælpen.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste