Jeg er igang med at redesigne hele min hjemmeside.
Jeg har aldrig lavet noget med rene layers (uden tabeller) og så omfattende
CSS før, og siden skal samtidig kunne valideres i XHTML og CSS.
Jeg er kun nået til menuen, som jeg har kæmpet meget med... og den ser fin
ud i FireFox, men i IE der er der for stor padding og den rykker en af
menupunkterne ned på næste linie selvom det hele burde kunne være på een
linie (758px).
http://www.kennethbon.dk/kennethbon-05/index.php
1. Paddingproblemet som nævnt ovenfår
2. Jeg forstår ikke, hvorfor jeg har skulle trække 20 fra i den padding, jeg
sætter INDE i div'en. Som jeg forstår det, så skal padding kun trækkes fra
div'ens bredde, hvis den er på selve div'en og ikke hvis den er på en <a>
eller en <span> inde i div'en (som den er hos mig. Ikke desto mindre har jeg
skulle trække 20 fra 'totallængden' på de forsk. menudivs (som jeg har
regnet ud til at være 758 med 34px mellemrum mellem hver), fordi den 20px
padding i hhv <span> eller <a> åbenbart skubber det hele (de 20px er med for
at gøre plads til prikken foran menuen). Men som nævnt forstår jeg ikke,
hvorfor paddingen bliver lagt til div'ens bredde, når den angives i en
<span>/<a> indeni (og indholdet ikke gør at cellen bliver 'for stor'.
3. Samtidig forstår jeg ikke, hvorfor jeg i hhv <span> og <a> skal angive
width, height, alignment mv, når det i forvejen er angivet i
modermenudiv'en. Det skulle vel give sig selv med nedarving, men det gør det
ikke. Jeg er nødt til at fortælle underelementet, at det skal se sådan og
sådan ud (som om den er ligeglad med fx #menufamily, når først den er
begyndt på sin egen <span> eller <a>).
Jeg håber, jeg har gjort mig forståelig og folk kan bære over med måske
dumme spørgsmål, men jeg er lidt ny i hele det her med at bygge op uden
tabeller og med så omfattende CSS :)
Hygge,
Kenneth