开发者

css float right space

anyone know how to fix this! on 'Get In Touch button'

css float right space

it works find in another browser except IE7;

HTML:

<NAV>
    <UL>
        <LI><a href="#">Home</a>开发者_如何学JAVA;</LI>
        <LI><a href="#">Branding</a></LI>
        <LI><a href="#">About</a></LI>
        <LI><a href="#">Get In Touch</a></LI>
    </UL>
</NAV>

CSS:

nav { float:right;}
nav ul { margin:0px; padding:0px; }
nav ul li { float:left; }
nav ul li { display:block; background:#ccc; padding:5px; margin-left:5px;}


Add white-space:nowrap to the nav ul li CSS rule.

About the white-space property: http://vidasp.net/CSS-white-space-property.html


You may need to explicitly set width on the list and/or nav container.

This is quite common in IE7 and down, where the dumb browser needs to be told there's room allotted for the content.


nav ul li { display:block; background:#ccc; padding:5px; margin-left:5px; width: auto; }

Add in that width: auto; - see if that helps.

Neuro


use

clear: right; float:right;
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜