Posted 2 years ago #
Hi,
If you look at my site in Firefox and Chrome, you'll notice that the content area starts at the top of the browswer screen, but in IE it starts half way down the page due to the spacing created by the long thin image down the left side.
I would like to move the content area up to the top of the browser in IE the way it is in the Firefox and Chrome browswer
anyone know how to do this?
You've got a couple of validation errors that may be contributing to the problem. Also a single CSS error that could be critical.
You've also got some custom classes being served to IE (possibly using a conditional comment?), so you may need to check the source code in IE and concentrate on tweaking the IE-specific CSS classes.
Hope that helps.
Posted 2 years ago #
thanks that CSS error (display clear) was actually one of my attempts to fix the problem that didn't work. I forgot to remove it. I'll try the validation problems
My guess is that you'll also need to tweak the IE-custom classes.
Posted 2 years ago #
When you say IE custom class, are you referring to IE specific CSS? My theme includes a bit of CSS specific to IE.
body.ie { font-size: 125%; }
.ie #container, .ie .full_width { font-size: 50%; }
.ie ul#tabs { width: 100%; }
.ie input.form_submit { width: auto; overflow: visible; }
/*---:[ IE 6 styles ]:---*/
.ie6 #content, .ie6.sidebar { overflow: hidden; }
.ie6 dl#comment_list dd { border-bottom: 1px dotted #bbb; }
.ie6 dl#comment_list dl.children dd { border-bottom: 0 }
Posted 2 years ago #
in fact, if you were referring to that IE CSS, then I don't think it's the problem, because the website that uses the same theme and which I got the idea from to put that thin image off to the side has the same custom IE CSS but it doesn't have the same problem in Internet Explorer as I do.
This topic has been closed to new replies.
