Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- Display problems in IE6 & 7


Gemini23 - 8:08 pm on Aug 12, 2011 (gmt 0)


Can anyone advise?

I know it may not be 'essential' but I would like my website to dsiplay in IE6 & IE7 as I do get visitors (according to GA) to my website from those browsers.

I have a search box that is generated by javascript from another domain and they have said that it is likely to be a CSS issue.

Without adding the url's here it is difficult to explain - but essenially I have 4 searcn boxes that when displayed vertically they display across ALL browers... BUT when I change the CSS for them to display horzontally the work in EVERYTHING apart from IE6 & IE7 and in those two only the far left hand search box displays - the others disappear. The CSS code is below.... (relevant section only)

and thanks in advance..

/* CSS layout */
<style type="text/css">

#showid {

height: 20px;
width: 300px;

}

.style1 {
text-align: left;
}
.eolts_quick .eolts_label_show {
width: 0px;
}
.eolts_quick select {
width: 150px;
}
.eolts_more {
float: right;
margin-top: -35px;
background: orange;
border: 1px solid #fff;
padding:1px;
font-size: medium;
}
.eolts_more a {
text-decoration: none;
}
.findme {
margin: 0 1px 2px 3px;
background: #D3E1EE;
padding: 0px 0px 0px 0px;
width: 136px;
}
.findme h4 {
color: #000000;
}

#table.style8 {
text-align:center;
}


#qdate {
margin-top: -24px;
margin-left: 160px;
height: 20px;
width: 130px;
float:left;

}

#qperf {
margin-top: -28px;
height: 20px;
margin-left: 300px;
width: 130px;
float:left;
}

#qqty{
margin-top: -32px;
height: 20px;
margin-left: 440px;
width: 36px;
float:left;

}

[edited by: alt131 at 6:34 am (utc) on Aug 13, 2011]
[edit reason] Thread Tidy [/edit]


Thread source:: http://www.webmasterworld.com/css/4350952.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com