CSS div height pain

Can anyone tell me how to make the grey shaded div here 100% height in IE &
Opera?

http://www.creationfactor.net/stuff/test.htm

Also, in Firefox, while the 100% height kind of works it overlaps the
containing box - any ideas how to fix that?

Bigus

"Bigus" <unknown@address.net> wrote in message
news:d_qdnZA7CO3IPgjZnZ2dnUVZ8qqdnZ2d@pipex.net...
> Can anyone tell me how to make the grey shaded div here 100% height in IE
> &
> Opera?
>
> http://www.creationfactor.net/stuff/test.htm
>
> Also, in Firefox, while the 100% height kind of works it overlaps the
> containing box - any ideas how to fix that?
>
> Bigus
>
why dont you create your tables using just <div> tags.

"TIS ME" <me@sharkey69.co.uk> wrote in message
news:UNadnTeuw7pfmArZRVnysQ@bt.com...
>
> "Bigus" <unknown@address.net> wrote in message
> news:d_qdnZA7CO3IPgjZnZ2dnUVZ8qqdnZ2d@pipex.net...
>> Can anyone tell me how to make the grey shaded div here 100% height in IE
>> &
>> Opera?
>>
>> http://www.creationfactor.net/stuff/test.htm
>>
>> Also, in Firefox, while the 100% height kind of works it overlaps the
>> containing box - any ideas how to fix that?
>>
>> Bigus
>>
> why dont you create your tables using just <div> tags.

mainly because I'm more comfortable using tables for certain things.. but
also, for example, where it says header & more images there's actualy
several small images that make up one large image and all need to be
precisely positioned and I don't know how to do that with CSS. In any case,
if I used purely div tags would it provide a solution to my height problem?

Bigus

"Bigus" <unknown@address.net> wrote in message
news:ysSdna4QyoENlwrZRVny3g@pipex.net...
>
> "TIS ME" <me@sharkey69.co.uk> wrote in message
> news:UNadnTeuw7pfmArZRVnysQ@bt.com...
>>
>> "Bigus" <unknown@address.net> wrote in message
>> news:d_qdnZA7CO3IPgjZnZ2dnUVZ8qqdnZ2d@pipex.net...
>>> Can anyone tell me how to make the grey shaded div here 100% height in
>>> IE &
>>> Opera?
>>>
>>> http://www.creationfactor.net/stuff/test.htm
>>>
>>> Also, in Firefox, while the 100% height kind of works it overlaps the
>>> containing box - any ideas how to fix that?
>>>
>>> Bigus
>>>
>> why dont you create your tables using just <div> tags.
>
> mainly because I'm more comfortable using tables for certain things.. but
> also, for example, where it says header & more images there's actualy
> several small images that make up one large image and all need to be
> precisely positioned and I don't know how to do that with CSS. In any
> case, if I used purely div tags would it provide a solution to my height
> problem?
>
> Bigus
>
Div tags were created to replace tables, you have alot more design power
with div tags and CSS. but yeah it should help your issue. why cant you set
a hight. that give you more control.

sharkey

"TIS ME" <me@sharkey69.co.uk> wrote in message
news:ieadneOJstfihQrZnZ2dnUVZ8qSdnZ2d@bt.com...

> Div tags were created to replace tables, you have alot more design power
> with div tags and CSS.

...but a much bigger headache ;-) I'm finding this div height issue quite an
obstacle.. I've seen a hack involving using a background image, but...

> but yeah it should help your issue. why cant you set a hight. that give
> you more control.

... I can't see how it would work for what I'm trying to do. I've created an
image to perhaps better explain the layout I'm trying to achieve. It's here:
http://www.creationfactor.net/stuff/css-problem.gif

Bigus

"Bigus" <unknown@address.net> wrote in message
news:-9Gdnd5EmpkOvQrZRVnyqQ@pipex.net...
>
> "TIS ME" <me@sharkey69.co.uk> wrote in message
> news:ieadneOJstfihQrZnZ2dnUVZ8qSdnZ2d@bt.com...
>
>> Div tags were created to replace tables, you have alot more design power
>> with div tags and CSS.
>
> ..but a much bigger headache ;-) I'm finding this div height issue quite
> an obstacle.. I've seen a hack involving using a background image, but...
>
>> but yeah it should help your issue. why cant you set a hight. that give
>> you more control.
>
> .. I can't see how it would work for what I'm trying to do. I've created
> an image to perhaps better explain the layout I'm trying to achieve. It's
> here:
> http://www.creationfactor.net/stuff/css-problem.gif
>
> Bigus
>
you set a height for the body alread. so it do play around from agent to
agent. IE expands the <div> tag for the body (blue) and the red block is the
area y;ou want to expand, view it in IE and firefox and set what setting the
body height does
http://www.debra.linskey.sharkey69.co.uk/untitled.htm

sharkey

"TIS ME" <me@sharkey69.co.uk> wrote in message
news:oIudnQyN3tpxuQrZRVnyiA@bt.com...

> you set a height for the body alread. so it do play around from agent to
> agent. IE expands the <div> tag for the body (blue) and the red block is
> the area y;ou want to expand, view it in IE and firefox and set what
> setting the body height does
> http://www.debra.linskey.sharkey69.co.uk/untitled.htm

thanks for the mockup.. I've tried to work your code into the basic design
but can't seem to get that div height to work like yours:

http://www.creationfactor.net/stuff/test2.htm

also, the 150px height for the main page container works nicely in IE but
screws up in FireFox.

Bigus

"Bigus" <unknown@address.net> wrote in message
news:MZGdneEFWsi1qQrZRVnyiw@pipex.net...
>
> "TIS ME" <me@sharkey69.co.uk> wrote in message
> news:oIudnQyN3tpxuQrZRVnyiA@bt.com...
>
>> you set a height for the body alread. so it do play around from agent to
>> agent. IE expands the <div> tag for the body (blue) and the red block is
>> the area y;ou want to expand, view it in IE and firefox and set what
>> setting the body height does
>> http://www.debra.linskey.sharkey69.co.uk/untitled.htm
>
> thanks for the mockup.. I've tried to work your code into the basic design
> but can't seem to get that div height to work like yours:
>
> http://www.creationfactor.net/stuff/test2.htm
>
> also, the 150px height for the main page container works nicely in IE but
> screws up in FireFox.
>
> Bigus
>
>
>
>
Sorry been busy. Try using the iframe tag or redo your page in xhtml 1.0
frameset.