CSS og divs fejler
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 nogenlunde 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 ovenfor. Og hvorfor bruger den ikke hele menuframes 758px men kun ca 635px? Der må være noget helt galt.
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 :)
