width height

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

News - 28 Aug 2006 19:57 GMT

I am trying to figure out why the HEIGHT <div> tags on my page do not work
on IE?

http://www.wyght.com/mySite/thirds.html

http://www.wyght.com/mySite/CSS/div_thrids.css

This works on Opera, Firefox and NN

Why do the <div> height work on all but IE?

Signature

Totus possum, totum Deum.
Totus ero, totum meum.
WSW

Reply to this Message

News - 28 Aug 2006 20:02 GMT

> I am trying to figure out why the HEIGHT <div> tags on my page do not
> work on IE?
[quoted text clipped - 6 lines]
>
> Why do the <div> height work on all but IE?

.a
{
position: absolute;
    left: 0%;
    top: 0%;
    width: 33%;
    height: 33%;
    background: Aqua;
    color: White;
}
.b
{
position: absolute;
    left: 33%;
    top: 0%;
    width: 34%;
    height: 33%;
    background: Blue;
    color: White;
}
.c
{
position: absolute;
    left: 67%;
    top: 0%;
    width: 33%;
    height: 33%;
    background: Navy;
    color: White;
}
.d
{
position: absolute;
    left: 0%;
    top: 33%;
    width: 33%;
    height: 34%;
    background: Navy;
    color: White;
}
.e
{
position: absolute;
    left: 33%;
    top: 33%;
    width: 34%;
    height: 34%;
    background: Aqua;
    color: White;
}
.f
{
position: absolute;
    left: 67%;
    top: 33%;
    width: 33%;
    height: 34%;
    background: Blue;
    color: White;
}
.g
{
position: absolute;
    left: 0%;
    top: 67%;
    width: 33%;
    height: 33%;
    background: Blue;
    color: White;
}
.h
{
position: absolute;
    left: 33%;
    top: 67%;
    width: 34%;
    height: 33%;
    background: Navy;
    color: White;
}
.i
{
position: absolute;
    left: 67%;
    top: 67%;
    width: 33%;
    height: 33%;
    background: Aqua;
    color: White;
}

Signature

Totus possum, totum Deum.
Totus ero, totum meum.
WSW

Reply to this Message

Ed Mullen - 28 Aug 2006 21:32 GMT

> I am trying to figure out why the HEIGHT <div> tags on my page do not work
> on IE?
>
> http://www.wyght.com/mySite/thirds.html
>
> http://www.wyght.com/mySite/CSS/div_thrids.css

That URL is misspelled, it should be:
http://www.wyght.com/mySite/CSS/div_thirds.css

Signature

Ed Mullen
http://edmullen.net
http://mozilla.edmullen.net
http://abington.edmullen.net
Instead of talking to your plants, if you yelled a them would they still
grow, only to be troubled and insecure?

Reply to this Message

Spartanicus - 28 Aug 2006 21:35 GMT

>I am trying to figure out why the HEIGHT <div> tags on my page do not work
>on IE?
>
>http://www.wyght.com/mySite/thirds.html
>
>http://www.wyght.com/mySite/CSS/div_thrids.css

404

>This works on Opera, Firefox and NN
>
>Why do the <div> height work on all but IE?

IE doesn't get one of the hideous [1] CSS positioning rules correct, you
can help it out be specifying html,body{height:100%}

[1] The people who designed the CSS positioning, collapsing margins and
the float rules crap should be shot, tarred, feathered and hung out to
dry (not necessarily in that order).

Signature

Spartanicus

Reply to this Message

News - 29 Aug 2006 01:09 GMT

>> I am trying to figure out why the HEIGHT <div> tags on my page do
>> not work on IE?
[quoted text clipped - 15 lines]
> and the float rules crap should be shot, tarred, feathered and hung
> out to dry (not necessarily in that order).

OK I put height 100% in body and it worked. Thanks.

Signature

Totus possum, totum Deum.
Totus ero, totum meum.
WSW

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / August 2006

width height