Solved

Clearing floated nav issues in IE7

Posted on 2011-09-16
2
284 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 500 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

Simplifying Server Workload Migrations

This use case outlines the migration challenges that organizations face and how the Acronis AnyData Engine supports physical-to-physical (P2P), physical-to-virtual (P2V), virtual to physical (V2P), and cross-virtual (V2V) migration scenarios to address these challenges.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Target h5 of a div 3 18
Help to align the buttons in a row 2 28
Porbably easy CSS question about overlapping and offset images 21 26
CSS: Making responsive table look nicer 7 27
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
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.

809 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