PDA

View Full Version : Not long enough...


gore.m
01-17-2011, 03:36 PM
Hi,

I have one problem on our site ( www.adelajizvecerela.cz ). I inserted SPY into DIV, page has width 940px and I have 9 horizontal menu items (and vertical items).
I have set horizontal menu item width to 104.4, so it is 939.6px in sum. It is ok in FF and IE (I dont know why :mrgreen:) menu is extended, but in Chrome it looks like this: http://www.imgupload.org/images/887_menuproblem.jpg

Any idea?
thanks you very much

domedia
01-17-2011, 06:43 PM
You cannot split a pixel. The pixel is the smallest unit on the screen.

DWcourse
01-17-2011, 07:39 PM
Basically different browsers handle the partial pixel problem differently. Some rounding the number up and some rounding it down.

gore.m
01-18-2011, 07:55 AM
Basically different browsers handle the partial pixel problem differently. Some rounding the number up and some rounding it down.

thanks you,
How can I do that? I have tried that but it doesnt work. (I have tried add new css rule to one of menu item, but it didnt affect anything)

thanks you

DWcourse
01-18-2011, 02:53 PM
If the width of your page is measured in pixels you can give your menu items a pixel width and then create a custom rule for one menu item to adjust the menu to fit the page.

gore.m
01-20-2011, 11:26 AM
UF, I cant get it work :( I created custom rule for one menu item (Im afraid by bad way), so menu fit the page, but vertical menu items get same width as new custom rule - now they are overlapping horizontal items (it is online www.adelajizvecerela.cz ).

Im afraid I dont know how create custom rule for one menu item properly. Can you help me? Thanks you

DWcourse
01-20-2011, 02:08 PM
Try this: Highlight the Current Page in a Menu with CSS (http://www.dwcourse.com/dreamweaver/highlight-current-page-spry-menu.php)

gore.m
01-24-2011, 08:58 AM
Thanks you :-)