Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
CSS & HTML: HOw to make absolute dropdown menu not move in different resolution
Bottom of Page1 to 4 of 4
-
hello I have this site http://webmx04.freehyperspace2.com/der/index.html the problem the dropdown menu moves in different resolution even if you just scale the browser how I can make it fixed and not move thank you for your time.
-
Hi webmx04,
let me give you a serious advice: Just recode your whole page (not only the css). Your code is just too messy, you have much too many divs and your css for the menu is completely wrong. To work properly in all browsers, you don't need anything like absolute positioning. For such a simple layout, there is just too much code at all.
Dave. -
webmx04
Don't worry about recoding your entire page now (it needs some love but at least it's not table table table). Just take things one step at a time when/if you are learning and you'll get there. Check out this article on alistapart (http://www.alistapart.com/articles/dropdowns/). It's old but it's a good starting point. Notice that the dropdown lists are inside of the main nav list items (nested lists)... The relative positioning of the main list items keeps the absolute positioned dropdowns in place.
Best of luck.
-Shawn -
Hi webmx04,
I didn't want to be unfriendly or kind of. It's just the experience I made, that sometimes there are projects, where it's best to start from the beginning on.
In the other thread, where you posted your problem the first time, I was only able to send you a little hotfix for FF (which didn't work when resizing the browser window), due to the short time.
Initially I wanted to recode the menu part of your site. So I've thrown out the whole chrommenu and drop down menu and inserted my own one. Now, guess what!, the dropdown was offset! That shows, that there is an error, somewhere deep inside your code.
And since I wasn't in the mood for looking for this particular error, I decided to recode your whole page. You can download it here.
Hope, this will help you. Let me know, if you have some trouble.
Dave.
1 to 4 of 4