Msg#: 4350952 posted 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.
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)
Msg#: 4350952 posted 6:18 am on Aug 13, 2011 (gmt 0)
Hi Gemini, your explanation is very easy to understand, however we need to see the html to understand how the css is being applied to the elements. The posts pinned to the top of the forum explain how to prepare a code snippet if you are having difficulties doing so.
Msg#: 4350952 posted 4:39 pm on Aug 14, 2011 (gmt 0)
Thanks for the stripped code Gemini, makes things easier to understand. I do expect this to be reasonably easy - no baldness necessary ;)
While you are providing that, some things to think about are that if my guesses are right this looks like an issue with floats and margins. If #qdate, #qperf and #qqty are relevant they are putting large margins on floats that are contained in a table cell with a maximum width of 545px. Add on they are inside h1, plus other styles applied via classes - there is quite a lot of styling being applied to the elements. While I realise the issue is with older ie, have you looked at the page in something like firebug for firefox to determine which styles are being applied to the search boxes and parent elements, then used that information to try to trace the cause of the issue in ie?
Msg#: 4350952 posted 8:06 pm on Aug 14, 2011 (gmt 0)
Thanks alt131, I will check out the Firebog for Firefox
My suplier has sent me the folowing in order to amend the height and widths etc... as I would like the search box to display horizontally and NOT vertically. I have managed to get this to work by adding a minus to the margin-top: ie -24px; etc to the following and that has 'worked' around the problem.
Msg#: 4350952 posted 9:32 pm on Aug 14, 2011 (gmt 0)
Once you can provide that html I'm sure the trouble will be reasonably easy to identify and start solving.