Solved

Clearing floated nav issues in IE7

Posted on 2011-09-16
2
283 Views
Last Modified: 2012-05-12
Hi,

I have a listed menu on the following website www.bluebean.org.uk/batemans/ however in IE7 my floated nav is appearing incorrect. I know its an issue with not clearing the floats, but i am unsure as to where to clear them, i have tried a few options but didnt work.

Please can someone help.

Cheers

Andy
0
Comment
Question by:Andy6350
2 Comments
 
LVL 16

Expert Comment

by:SSupreme
Comment Utility
you need to style list:
li
{
display:inline;
float:left;
width: 100px;
}
0
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 500 total points
Comment Utility
You're clearing stuff OK. But the li's in the nav are not floated.

Add this to your styles.css file:

 
.nav ul li{
float:left;
display:block;
}

Open in new window

0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
spacing 5 24
Change navigation font color on mobile sizes 8 34
css question 1 31
web browser 3 20
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now