 |
 |
Yet another CSS question from me :-)
|
|
|
|
|
Grizzled Veteran
Join Date: Jun 2002
Status:
Offline
|
|
This is a scrollbar problem it seems, to get an idea of what I mean, first visit (don't mind the ugly black text):
http://www.talacia.com/sites/puertob.../?page=booking
Notice there is no scrollbar on this page, roll over the navigation and notice it displays perfectly. Now goto:
http://www.talacia.com/sites/puertob...e=theapartment
Notice there is a scrollbar, and now rollover one of the links again and you'll notice the hover selection is a pixel off, here are 2 picture comparisons.
This is correct.
This is wrong.
My question, is there a fix for this?
Thanks,
Oliver
|
|
|
| |
|
|
|
|
|
|
|
Mac Elite
Join Date: Apr 2003
Location: SoCal
Status:
Offline
|
|
Well, the scrollbar shifts everything over (since it takes up horizontal space), and if I'm not mistaken, you basically have the entire site centered on the page... in that case, you'll always have that issue (AFAIK). You could try setting the navigation bar an exact amount from the left side (in that case, you'll lose the liquid-design, and it would look a bit strange in larger monitors).
|
|
|
| |
|
|
|
|
|
|
|
Clinically Insane
Join Date: Nov 1999
Status:
Offline
|
|
I'm not showing this problem on Gecko. However, when things shift like that, it usually has to do with margins, padding, or borders. Borders can be especially tricky, but I don't think this particular problem is a border issue.
I noticed in your CSS that you put padding: 5px on "#navigationList li a". You might want to try putting that on "#navigationList li" instead. Browsers tend to be a little more inconsistent when it comes to putting padding on inline-level elements, so putting it on the block-level li might work better.
|
|
You are in Soviet Russia. It is dark. Grue is likely to be eaten by YOU!
|
| |
|
|
|
|
|
|
|
Grizzled Veteran
Join Date: Jun 2002
Status:
Offline
|
|
I tried moving over the padding, didn't seem to work. Any other ideas?
[Also, does :hover work in IE/mac or Windows? The link thing I use doesn't seem to work in IE Mac.]
|
|
|
| |
|
|
|
|
|
|
|
Mac Elite
Join Date: Jan 2002
Location: College in the Land of Oz
Status:
Offline
|
|
Originally posted by iOliverC:
I tried moving over the padding, didn't seem to work. Any other ideas?
[Also, does :hover work in IE/mac or Windows? The link thing I use doesn't seem to work in IE Mac.]
In IE, :hover can only be attributed to an a, so a:hover. Other browsers can handle a :hover on anything, such as li:hover. This is a horrible limitation of IE.
|
|
|
| |
|
|
|
|
|
|
|
|
|
|
|
|
 
|
|
|
Forum Rules
|
|
|
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
|
HTML code is Off
|
|
|
|
|
|
|
|
|
|
|
|
|
Top
