Thomas Møller Nexø skrev:
> Hejsa.
>
> Jeg har lavet et lille re-design af en hjemmeside, det vil sige,
> egentlig kun kildekoden og selve top-menuen, men menuen driller
> en smule.
>
> Siden kan ses her:
>
http://www.miniflex.dk/demo/qmed-consulting/template.htm
>
> Problemet er, at menuen i mindre skærmoplysninger, bliver presset
> sammen inde på midten, mens den fx. i 1280 x 1024 vises fint nok
> - altså den dækker hele området under topbilledet.
>
> Ud over dette ser det ret spøjst ud i Firefox, hvor menuen rager
> ud over selve sideområdet.
>
+ flere andre iøjenfaldende layoutfejl.
Du overformaterer totalt i dit stylesheet
med alle dine positions og top værdier.
Du har en mainDiv, som rummer det
hele og som ikke bør formateres
ud over
#mainDiv {
width:640px;
margin:10px auto;
}
Og fjern så dine stylesheet form-
deklarationer for alle de øvrige
div'er. Så vil du nok opdage, at det
hele falder på plads, undtagen
måske menuen. Den vil jo altid være
smallere end 640 pixel, eftersom
de enkelte menupunkter har en bredde
på 16 procent + noget border.
Det er næsten umuligt at lave sådan
en menu, så den udfylder hele bredden
af det overordnede element, medmindre
du regner det hele ud pixel for pixel -
og så går det sandsynligvis galt i
IE6/IE5.
Du finder min foretrukne løsning
på det problem på websiden
http://webdesign101.dk/www/cssmenu/dropdownmenu/eks10.html
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign:
http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets:
http://webdesign101.dk/cssbog/
..