On April 28, 2007, Stephen wrote:
> Hi
>
> I tried to make a minimal test case for this, but can't seem to trigger
> it without quite a substantial chunk of the original page.
>
> Page in question: http://www.stourmusic.org.uk/concerts
> The problem:
>
> In Opera 9.20 (build 8771) on Windows XP, the left-floated 'Contact Us'
> block in the #nav div jumps down by 24px (maintaining the same
> horizontal positioning) when I shrink the viewport to 890px wide or
> below, losing vertical alignment with the other links in that same div.
>
> Any ideas?
>
> Thanks
>
> Stephen
Hi Stephen
It odd that you should mention the left floated 'Contact Us' since that is not
what you have. Your CSS shows that it is display inline. You current CSS is.
#nav li {
display:inline;
}
A left float and 0 margin will solve the problem.
#nav li {
float:left;
margin: 0;
}
Kind Regards, Alan
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
