I have this homepage on [a]www.lkhojskole.dk/nyside[/a] which consist of 3 pages: index.shtml, style.css and menu.inc, where the dropdownmenu is fetched. But I have 3 problems on the page.
1: I have made the dropdownboxes wider than the toplinks. This works fine in forefox an d opera, but it pushes the toplinks to the rigth in Internet Explorer. Can I stop it from pushing?
2: I have a nice white box that should cover the whole text automatically. But it doesnÂ´t. It wont follow the text and pictures in the main content box. I guess I have to do something to make it follow the content, but what ( I need exact explanation, because there are so many divs inside of each other)
3: When a person clicks on a link in a dropdown, I would like the submenupoints to be shown in the left field on the subpages. = If I click on the first submenupoint in fx information, all of the submenupoints of the information drop down should be shown in the left field. (try to press "tilmelding" under information to see). Is it possible to get this menu from the right place in the menu.inc page where I get the dropdownmenu from and put it in the left "frame".
3 css problems
You need to clear your floats and add position relative to your footer.
But the main problem with doing that is that you will loose the elements positioned absolute, as is always said don't use position absolute for laying out main elements, float them instead.
Thank you, that helped with question 2. Its the difficulty with CSS, that I made the error myself, but couldnÂ´t see it.
Does anybody know how to fix number 1 and 3?
3 css problems
The problem with number 1 is not going to please you but I'm looking at a non semantic slightly odd menu arrangement.This sort of menu is generally constructed first by creating a valid html structure for the information and to this effect a list element is usually chosen. A ul list serves the function of holding and structuring links like this and allows for the sub links to be held in a nested ul thus keeping the links ordered and together. The ul dropdown is then positioned absolute underneath the top level li elements.
This is a very easy technique and the best examples of it are described in the 'Son of Suckerfish' menus and also on this forum there is a similar variation on this theme allowing the menu to either vertical or horizontal.
I would suggest that you implement one of these they're not difficult.
The last question is not so clear and I'm confused by the fact that you point to an example of what you require actually on your page but sounds more like a scripting problem rather than CSS. If that menu inc is using PHP then you probably need to work out the solution to this one using php.
OK- thank you. I guess I have to look at everything again.