Thu, 2009-07-02 01:18
Hello,
I am using the suckerfish menu and everything works fine, except for adjusting the width of the main menu. Currently, the menu extends outside of the website border. I think something needs to be adjusted to the wrapper, but I can't figure it out. What part of the code needs to be changed so that the menu does not stick out beyond the my website's body border. Here is the link to the location of the menu template that I downloaded: http://www.rayswoodworks.com/test_files/Navbars/center-float-dropnav.html.
Thanks in advance!
Thu, 2009-07-02 15:40
#1
looks fine on my screen
looks fine on my screen
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Fri, 2009-07-03 03:00
#2
CSS Horizontal Menu width problems
Hi,
Thanks for responding. Here is the link to the webpage that has menu width problems: http://home.comcast.net/~aharris728/ As you can see, the menu extends too much outside the border on the right and left. Thanks again!
Fri, 2009-07-03 16:32
#3
just make the width of the
just make the width of the menu 850px, or whatever you want. oh, and you might want to correct your 61 validation Errors too.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Fri, 2009-07-03 21:40
#4
Hi, Thanks so much for your
Hi,
Thanks so much for your response. Sorry for being a bother. I have added a width, but for some reason only the right side of the menu bar moves in. The left side still sticks out. What could be the problem? The following is the part of the code that made adjustments to:
#navwrap { /* this is for continuing the main ul BG color on each side */
background:#8293C3;
width: 80.1em;
height:1.75em;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
Also here is a like to the webpage so that you can see what I am talking about.
http://home.comcast.net/~aharris728/
Thanks!
Sat, 2009-07-04 03:19
#5
you need to totally
you need to totally reconstruct the menu without the use of any divs. style the
- as want, place it inside #wrap, give the UL the width you want, then use margin: 0 auto; to center it within the container #wrap.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS