Re: Border / Background inconsistent?

On 2007-10-22, howa <howachen (AT) gmail (DOT) com> wrote:

On 10 23 , 12 09 , Ben C <spams... (AT) spam (DOT) eggs> wrote:

That's what you should get with the markup above. Works for me in
Firefox, Opera and Konqueror.

What browser or browser-shaped-object are you testing this in?

Yes, work with FF 2.0, but not IE7

Better submit a bug report to Microsoft then and ask them to suggest a
workaround.

In article
<1193044428.069018.103060 (AT) i13g2000prf (DOT) googlegroups.com>,
howa <howachen (AT) gmail (DOT) com> wrote:

On 10 22 , 5 06 , Ben C <spams... (AT) spam (DOT) eggs> wrote:
How about this:

div style="float: left"
div style="border: 2px solid red">header</div
table style="width: 1240px; border: 2px solid green"
tr
td>sss</td
/tr
/table
div style="clear: left"></div
/div


Yes, this solution works.

Thanks.

Yes, good one Ben. The last attempt I made last night, was

<http://netweaver.com.au/test/howa6.html>

but I don't know now if it appeared because I noticed a double
dot in the name on the server, a typo. This morning I fixed this
up and also made the width 1240 (instead of 400 which illustrated
it but might cause confusion). As I said, it worked in Firefox. I
do not know if this works in IE 6

--
dorayme

On 2007-10-22, dorayme <doraymeRidThis (AT) optusnet (DOT) com.au> wrote:

In article
1193044428.069018.103060 (AT) i13g20...oglegroups.com>,
howa <howachen (AT) gmail (DOT) com> wrote:

On 10 22 , 5 06 , Ben C <spams... (AT) spam (DOT) eggs> wrote:
How about this:

div style="float: left"
div style="border: 2px solid red">header</div
table style="width: 1240px; border: 2px solid green"
tr
td>sss</td
/tr
/table
div style="clear: left"></div
/div


Yes, this solution works.

Thanks.

Yes, good one Ben. The last attempt I made last night, was

http://netweaver.com.au/test/howa6.html

I see, yes, the same sort of idea-- display: table rather than float:
left on the container. Both floats and tables are shrink-to-fit, which
is the point. Position: absolute on the container is another
possibility, since that's also shrink-to-fit.

I considered display: table but thought the chances of it working in IE
were even slimmer than usual.

Not that my solution apparently works in IE either, in the case where OP
makes his header also a table.

but I don't know now if it appeared because I noticed a double
dot in the name on the server, a typo.

It could be. I did look at most of your versions and I do remember one
of them was "page not found". Then it occurred to me what the OP might
actually be talking about.

Someone asked about this before once. The page was something to do with
oceanography I think and he had a huge graph on it that scrolled off to
the right, and didn't like the header being only as wide as the
viewport.

This morning I fixed this up and also made the width 1240 (instead of
400 which illustrated it but might cause confusion). As I said, it
worked in Firefox. I do not know if this works in IE 6

I'm sure I've heard display: table doesn't work in IE, not even IE7. But
then nothing much works in IE so this is hardly news.

On 10 23 , 1 54 , Ben C <spams... (AT) spam (DOT) eggs> wrote:

Better submit a bug report to Microsoft then and ask them to suggest a
workaround.

Difficult then.

I rather think of any possibility to hack for IE6/7 then.

On 2007-10-23, howa <howachen (AT) gmail (DOT) com> wrote:

On 10 23 , 1 54 , Ben C <spams... (AT) spam (DOT) eggs> wrote:

Better submit a bug report to Microsoft then and ask them to suggest a
workaround.

Difficult then.

I rather think of any possibility to hack for IE6/7 then.

You could try position: absolute instead of float: left on the
container, but I doubt it will make much difference.

Best advice is probably one big table, or just settle for it not looking
quite right on IE-- so long as it's still accessible.