Hello,

Please could someone be kind enough to help me with some problems I'm 
having with the layout of a site? It works as I planned it to in most 
browsers, but has a number of problems in Internet Explorer. (I would 
like to support at least versions 6 and 7 if possible). The site is:

http://www-xf08.transformers.org.uk/

(It is perhaps worth nothing that, currently, IE versions 6 and below 
will request a different stylesheet from other browsers - this is purely 
for the handling of png files and contains no other different code).

The problems I see, in priority order, are:

(a) if the browser window is too narrow, then any wide content (such as 
the image on the front page) gets flowed down below the navigation bar. 
I would prefer to add a scroll bar as other browsers do. [div.content]

(b) in the navigation bar, the highlight to show current page is not 
displayed for some reason [div.navigation a.current]

(c) the banner at the top is not positioned correctly. In IE6 it doesn't 
extend across the whole width of the page, and in both versions it is 
displayed too low - I would like it to underlap the XF logo at the left 
hand side. [div.banner]

Thanks in advance to anyone who is able to help.

Cheers,
Andrew

-- 
 ---       Andrew Collier         ----     To reply by email, please use:
  ---- http://www.intensity.org.uk/ ---    'andrew {at} intensity.org.uk'
                                      --

"Andrew Collier"  wrote in message
> Hello,
>
> Please could someone be kind enough to help me with some problems I'm
> having with the layout of a site? It works as I planned it to in most
> browsers, but has a number of problems in Internet Explorer. (I would
> like to support at least versions 6 and 7 if possible). The site is:
>
> http://www-xf08.transformers.org.uk/

Quick note for IE6; navigation panel needs a no-repeat for the background 
image.

---dE|_---

"Andrew Collier" wrote ...
> Please could someone be kind enough to help me with some problems I'm
> having with the layout of a site? It works as I planned it to in most
> browsers, but has a number of problems in Internet Explorer. (I would
> like to support at least versions 6 and 7 if possible). The site is:
>
> http://www-xf08.transformers.org.uk/
>
> (It is perhaps worth nothing that, currently, IE versions 6 and below
> will request a different stylesheet from other browsers - this is purely
> for the handling of png files and contains no other different code).
>
> The problems I see, in priority order, are:
>
> (a) if the browser window is too narrow, then any wide content (such as
> the image on the front page) gets flowed down below the navigation bar.
> I would prefer to add a scroll bar as other browsers do. [div.content]

It's annoying the way those big pictures get bumped down below content to 
the left.

Reliable way round; Instead of sitting the div.content to the right with a 
left margin of 210px you could use.
position: absolute; left: 210px;  (don't need a top)
which completely ignore's content to the sides, no need to float etc. 
Anything else below will have to be positioned a similar way; fix the 
.footer to the bottom of the page.
Give it a fixed height

>
> (b) in the navigation bar, the highlight to show current page is not
> displayed for some reason [div.navigation a.current]

It shows in IE6 but as it is now orange-to-grey it could do with being wide 
enough to span the longest nav title.

> (c) the banner at the top is not positioned correctly. In IE6 it doesn't
> extend across the whole width of the page, and in both versions it is
> displayed too low - I would like it to underlap the XF logo at the left
> hand side. [div.banner]

No idea, but it under-laps when forced by cramming the window narrow. Might 
be a clue.

---dE|_---

"dE|_" missed a bit;
>
>> (a) if the browser window is too narrow, then any wide content (such as
>> the image on the front page) gets flowed down below the navigation bar.
>> I would prefer to add a scroll bar as other browsers do. [div.content]

<snip>

(for the scroll bar this is)

Give the content div a height then content-overflow: scroll-y;

---dE|_---

In article <Goi2j.60339$Eq.52304@newsfe3-gui.ntli.net>,
 "dE|_"  wrote:

> "Andrew Collier" wrote ...
> > Please could someone be kind enough to help me with some problems I'm
> > having with the layout of a site? 
[...]
> Reliable way round; Instead of sitting the div.content to the right with a 
> left margin of 210px you could use.
> position: absolute; left: 210px;  (don't need a top)
> which completely ignore's content to the sides, no need to float etc. 

Hi,

Thanks for your comments. I've experimented with making more objects 
absolutely positioned, and this does seem to have helped.

> > (b) in the navigation bar, the highlight to show current page is not
> > displayed for some reason [div.navigation a.current]
> 
> It shows in IE6 but as it is now orange-to-grey it could do with being wide 
> enough to span the longest nav title.

Your comment worries me a bit. There shouldn't be any grey displayed 
there at all - IE6 should only be able to see any reference to the png 
image through the AlphaImageLoader filter in the IE-specific stylesheet, 
and I wasn't expecting it to manhandle the alpha channel.

I've got a PC here with IE6 on it, and I don't see the effect you 
describe. Are there any commonly known differences in configuration 
which would cause the discrepancy, and that I should be looking out for?

Thanks,
Andrew

-- 
 ---       Andrew Collier         ----     To reply by email, please use:
  ---- http://www.intensity.org.uk/ ---    'andrew {at} intensity.org.uk'
                                      --

"Andrew Collier"  say;
<snip>
>> It shows in IE6 but as it is now orange-to-grey it could do with being 
>> wide
>> enough to span the longest nav title.
>
> Your comment worries me a bit. There shouldn't be any grey displayed
> there at all - IE6 should only be able to see any reference to the png
> image through the AlphaImageLoader filter in the IE-specific stylesheet,
> and I wasn't expecting it to manhandle the alpha channel.
>
> I've got a PC here with IE6 on it, and I don't see the effect you
> describe. Are there any commonly known differences in configuration
> which would cause the discrepancy, and that I should be looking out for?

Well the IE6 I've got is *I think* just a kind of simulator, Stephen Morley 
provided the link
http://browsers.evolt.org/download.php?/ie/32bit/standalone/ie6eolas_nt.zip
So maybe it's not 100% or supporting this AIL filter.

As for the absolute positioning; I'm loving it at the moment because you 
have page control like a tank in px and %, but if you use it for one block 
you will probably end up using it for all surrounding content.

---dE|_---