Web Design Forums

weldo · 12-05-2005, 04:20

I've got a problem with ie5 ... I've completely stripped the html and css down to bare bones to check if there was a conflict - but can't figure out what's happening ??

Everything is fine on everything else (5.5 +) but in 5 when you move the cursor between the list items, the whole list jumps down the page... (doesn't happen if you move across the items - left to right, in and out..... just when you move up and down through them ...?)

Anyone got a hack that might fix it ????

Thanks in advance

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Test</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="sidebar_c2">
<div class="maincontainer">
<ul id="eventlist">
<li><a href="http://www.communicasia.com" title="Links to external website"><b>CommunicAsia 2005</b><br />
15th - 17th June 2005.<br />Singapore Expo</a></li>
<li><a href="http://www.ftconferences.com/mobile" title="Links to external website"><b>FT World Mobile Communications Conference</b><br />
11th - 12th May 2005. Marriott Hotel, Grosvenor Square, London</a></li>
<li><a href="http://www.achieverplus.com/goachiever/website.nsf/" title="Links to Achiever Plus website">
<b>Achiever Plus Conference 2005</b><br />
26th April 2005. <br />IBM Southbank, London<br />
Andy Coffey, our Senior Quality Assurance Manager, speaks on IS quality procedures</a></li>
<li><a href="http://www.iir-billingsystems.com" title="Links to Billing Systems website"><b>Billing Systems 2005</b><br />
5th - 7th April 2005. <br />Earls Court, London</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>

CSS:
body, html{
font-family: arial, helvetica, verdana, sans-serif;
font-size: 11px;
color: #666;
background-color: #ECECEC;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px;
text-align:center;
}

#container {
width: 739px;
background: #fff url(images/containerbg2.gif);
margin-left: auto;
margin-right: auto;
border-left: 1px #BABBBD solid;
border-right: 1px #BABBBD solid;
}

#sidebar_c2 {
float: right;
width: 295px;
padding: 0px;
padding-right: 0px;
border-left: 0px solid #000;
}

/*========== HOMEPAGE - NEWS / EVENTS NAVIGATION START =========*/

.maincontainer
{
padding: 0px;
margin-right: 1px;
}

.maincontainer ul
{
border: 0px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

.maincontainer ul li
{
display: block;
border-top: 1px solid #ddd;
float: right;
text-align: left;
margin: 0px;
}

.maincontainer ul li a
{
background: #fff;
width: 170px;
padding: 5px;
margin: 0px 0px 0px 0px;
color: #336;
text-decoration: none;
display: block;
text-align: left;
}

.maincontainer ul li a:hover
{
color: #000;
background: #EFEEF7;
text-decoration: none;
}

nakedintruder · 12-05-2005, 04:25

Try this;
http://www.dithered.com/css_filters/index.html

weldo · 12-05-2005, 05:18

Ta for the links....
I just managed to figure out where the problem lay....

For some reason the <b> and/or <strong> tags were causing a problem with ie5 in that list ?
Hopefully a seperate class will get me round it .....

Cheers

nakedintruder · 12-05-2005, 05:29

cool, good luck

12-05-2005, 04:20	#1 (permalink)
weldo now with added beard Join Date: Mar 2004 Location: Liverpool Posts: 5,435	ie5 hack ??? I've got a problem with ie5 ... I've completely stripped the html and css down to bare bones to check if there was a conflict - but can't figure out what's happening ?? Everything is fine on everything else (5.5 +) but in 5 when you move the cursor between the list items, the whole list jumps down the page... (doesn't happen if you move across the items - left to right, in and out..... just when you move up and down through them ...?) Anyone got a hack that might fix it ???? Thanks in advance HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Test</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="container"> <div id="sidebar_c2"> <div class="maincontainer"> <ul id="eventlist"> <li><a href="http://www.communicasia.com" title="Links to external website"><b>CommunicAsia 2005</b><br /> 15th - 17th June 2005.<br />Singapore Expo</a></li> <li><a href="http://www.ftconferences.com/mobile" title="Links to external website"><b>FT World Mobile Communications Conference</b><br /> 11th - 12th May 2005. Marriott Hotel, Grosvenor Square, London</a></li> <li><a href="http://www.achieverplus.com/goachiever/website.nsf/" title="Links to Achiever Plus website"> <b>Achiever Plus Conference 2005</b><br /> 26th April 2005. <br />IBM Southbank, London<br /> Andy Coffey, our Senior Quality Assurance Manager, speaks on IS quality procedures</a></li> <li><a href="http://www.iir-billingsystems.com" title="Links to Billing Systems website"><b>Billing Systems 2005</b><br /> 5th - 7th April 2005. <br />Earls Court, London</a></li> </ul> </div> </div> </div> </body> </html> CSS: body, html{ font-family: arial, helvetica, verdana, sans-serif; font-size: 11px; color: #666; background-color: #ECECEC; margin-left: 10px; margin-top: 0px; margin-bottom: 0px; text-align:center; } #container { width: 739px; background: #fff url(images/containerbg2.gif); margin-left: auto; margin-right: auto; border-left: 1px #BABBBD solid; border-right: 1px #BABBBD solid; } #sidebar_c2 { float: right; width: 295px; padding: 0px; padding-right: 0px; border-left: 0px solid #000; } /========== HOMEPAGE - NEWS / EVENTS NAVIGATION START =========/ .maincontainer { padding: 0px; margin-right: 1px; } .maincontainer ul { border: 0px; margin: 0px; padding: 0px; list-style-type: none; text-align: left; } .maincontainer ul li { display: block; border-top: 1px solid #ddd; float: right; text-align: left; margin: 0px; } .maincontainer ul li a { background: #fff; width: 170px; padding: 5px; margin: 0px 0px 0px 0px; color: #336; text-decoration: none; display: block; text-align: left; } .maincontainer ul li a:hover { color: #000; background: #EFEEF7; text-decoration: none; } __________________ fuck signatures

12-05-2005, 05:18	#3 (permalink)
weldo now with added beard Join Date: Mar 2004 Location: Liverpool Posts: 5,435	Ta for the links.... I just managed to figure out where the problem lay.... For some reason the <b> and/or <strong> tags were causing a problem with ie5 in that list ? Hopefully a seperate class will get me round it ..... Cheers __________________ fuck signatures

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

12-05-2005, 04:25	#2 (permalink)
nakedintruder www.nakedintruder.com Join Date: Jan 2005 Location: Leeds, Yorkshire Posts: 383	Try this; http://www.dithered.com/css_filters/index.html

12-05-2005, 05:29	#4 (permalink)
nakedintruder www.nakedintruder.com Join Date: Jan 2005 Location: Leeds, Yorkshire Posts: 383	cool, good luck

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)