This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > August 2006 > width height





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author width height
News

2006-08-28, 6:38 pm

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?

--

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


News

2006-08-28, 6:38 pm

News wrote:
> 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?



..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;
}

--

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


Ed Mullen

2006-08-28, 6:39 pm

News wrote:
> 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

--
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?
Spartanicus

2006-08-28, 6:39 pm

"News" <warren@no_S_P_A_M_wyght.com> wrote:

>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).

--
Spartanicus
News

2006-08-28, 10:30 pm

Spartanicus wrote:
> "News" <warren@no_S_P_A_M_wyght.com> wrote:
>
>
> 404
>
>
> 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).


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

--

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


Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews