Re: FN-FORUM: An alternative IE problem

date posted 3rd May 2007 17:47

Paul Stanton - Innovative Future wrote:
>
> Tom Miller wrote:
>>
>> It's because you've mashed the body {} - 258px left padding and width
>> of 700px?
>>
>> surely you'd be better of putting that in a div?
>>
>>
>> Tom.
>>
>> Tom Miller wrote:
>>>
>>> Looks ok to me in IE7 on PC.
>>>
>>> However, I get a horizontal scrollbar on one of my monitors
>>> (1440x900 + Vista sidebar) but not on my other (1680x1050) or my
>>> other (1440x900 without a sidebar).
>>>
>>> Also, it seems to center the page even though I've got a horizontal
>>> scrollbar - v.odd - it's over to the left basically when I scroll
>>> right...
>>>
>>>
>>> Tom.
>>>
>>>
>>> P
>>
>>> aul Stanton - Innovative Future wrote:
>>>>
>>>> Paul Stanton - Innovative Future wrote:
>>>>>
>>>>> Hi all,
>>>>>
>>>>> As David's posted an IE/CSS problem I thought it's only fair to
>>>>> post one that's been puzzling me to.
>>>>>
>>>>> http://innovativefuture.co.uk/sample/index.php
>>>>>
>>>>> The site displays ok in Firefox and Opera for PC however IE messes
>>>>> up the div's on the right and stretches them over the main content
>>>>> area.
>>>>>
>>>>> Apologies for the slightly messy code at the moment but if anyone
>>>>> can shed some light I'd be grateful so any thoughts anyone?
>>>>>
>>>>> Thanks in advance
>>>>>
>>>>> Paul
>>>>>
>>>>
>>>> Sorry I should have added to that the the top and bottom parts of
>>>> the right hand side column (the navigation and the style switcher)
>>>> display fine in all browsers however when I insert the php include
>>>> for the "Latest" rss feeds in between them it goes horribly wrong
>>>> if that's any help
>>>>
>
> Thanks for that Tom. I've tried adjusting the padding/margins etc and
> adding an additional div but to no avail. I think I might have played
> about with it so much trying to sort out the IE6 issue that it might
> be time to start again with the CSS :-(
>
Yeah - I'd take everything out of html {} and body {} and then add two
containing divs around the entire page:




and then change:
html {} to #htmldiv {}
body {} to #bodydiv{}

and then I'd also remove all the padding from #bodydiv (your auto margin
should sort that anyway).


Thanks,


Tom.


>
> ---
> avast! Antivirus: Outbound message clean.
> Virus Database (VPS): 000738-1, 03/05/2007
> Tested on: 03/05/2007 17:21:17
> avast! - copyright (c) 1988-2007 ALWIL Software.
> http://www.avast.com
>
>
>
>


--
Tom Miller - Web Designer & Developer
www.tgmweb.co.uk
[EMAIL REMOVED]
t: 020 719 33777
m: 07813 640042

"When weeding, the best way to make sure you are removing a weed and not a valuable plant is to pull on it. If it comes out of the ground easily, it is a valuable plant."