...

View Full Version : ie7 unordered list not displaying properly



LuCi
05-29-2012, 02:05 PM
Hi, this is my first big site since graduating and I'm having problems getting the footer to display properly in ie7. It's fine in all the other major browsers. I'm having other problems with ie7, but this is the main one. If someone can resolve this it would be great! It displays ok in most of my pages but not others so I'm assuming it's to do with inheritance but I can't find the problem. The page it doesn't display correctly is http://www.activegate.co.uk/dayOutHome.php (and the towns.php and offers.php pages) but it's fine on the home page, amongst others. I'm responsible for client side on the site and have someone working with me on server side.
Please let me know if I need to supply more information as this is my first time using a forum too!

Thank you.

SB65
05-29-2012, 02:23 PM
Welcome...

Looking at your page in IE7, using the IE Dev Toolbar (http://www.microsoft.com/en-us/download/details.aspx?id=18359), both your uls in the footer are having width:200px applied to them. This traces to this in dayOutHome.css


ul #key1, ul{
margin: 0;
padding: 0;
list-style: none;
width:200px;
}

Remove that width and things look better. Why is this not causing a problem in FF? Because there are other errors in that file which are causing FF and IE8, but not IE7, to ignore that statement entirely.

In fact you have;


#key1{
position:absolute;
width:200px;
height:240px;
top:699px;
left:57px;
list-style:none;
border:1px solid #666666;
border-top:none;
-webkit-box-shadow: 0 10px 10px rgba(0,0,0, .7);
-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.7);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.7);
z-index:12;
}

}
ul #key1, ul{
margin: 0;
padding: 0;
list-style: none;
width:200px;
}

Check your css with the css validator (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.activegate.co.uk%2FdayOutHome.php&usermedium=all). You're going to get some errors through using CSS3 properties - worry more about the parse errors.

(That css link should be in the header as well, really.)

LuCi
05-29-2012, 02:29 PM
Wow, that was a quick response! Thank you - I'll have a go at that now.

LuCi
05-29-2012, 02:39 PM
Thanks so much - all the pages are displaying the footer correctly now. Brilliant!:thumbsup:
I'm a bit scared of the number of errors in my css though! I haven't looked through it properly yet but I'm hoping most of them are because of the css3...

Thanks again for solving in 5 minutes what I've been looking at for hours!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum