?
Solved

Clearing floated nav issues in IE7

Posted on 2011-09-16
2
Medium Priority
?
301 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
ID: 36550626
you need to style list:
li
{
display:inline;
float:left;
width: 100px;
}
0
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 2000 total points
ID: 36550669
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

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

589 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