PDA

View Full Version : spry menu 1px edge


Mr Robville
08-24-2011, 09:29 AM
Hello all,
i have a small problem with a vertical spry menu i created.
whenever i load the webpage, there's a small 1px gap on the left side of the menu bar.
and i want to fit the buttons inside the sidebar window.
also it seems that the buttons, text and images below the menu bar move up a few rules.
firefox seems to show it ok, but internet explorer has this bug.

to see what i mean, here's my website: www.mrrobville.com (http://www.mrrobville.com)

http://i102.photobucket.com/albums/m104/mrr_03/gaps.jpg


inb4:
poor design
you should hire someone

Corrosive
08-24-2011, 11:06 AM
Moved to Spry board

dbepp
08-24-2011, 03:24 PM
i have a small problem with a vertical spry menu i created.
whenever i load the webpage, there's a small 1px gap on the left side of the menu bar.
and i want to fit the buttons inside the sidebar window.
also it seems that the buttons, text and images below the menu bar move up a few rules.
firefox seems to show it ok, but internet explorer has this bug.


I'm pretty new to this myself, but I'd get rid of this border and see what happens..

/* Outermost menu container has borders on all sides */ ul.MenuBarVertical { border: 1px solid #CCC;}

(taken from http://www.mrrobville.com/SpryAssets/SpryMenuBarVertical.css)

Also, IE is horrible.. I can't get it to render anything correctly with Spry