IE not understand hight?

They have: 5,633 posts

Joined: Jan 1970

Internet Explorer does not understand the concept of hight??
http://www.bja888.com/blog/
This is the second time IE has destroyed my whole layout!!
First in html 4.01 and now in xhtml (1.0).

index.asp
<td><img src="images/layout_31.gif" width="24" height="100%" alt="" border="0" class="fullUp" /></td>'

sheet.css
img.fullUp{height:100%;}'

Any alternatives?

They have: 5,633 posts

Joined: Jan 1970

I'm just going to make it a css background image...

They have: 14 posts

Joined: May 2004

Get rid of the tables all togther. Then work from there.
Smiling

They have: 5,633 posts

Joined: Jan 1970

marcus1060 wrote: Get rid of the tables all togther. Then work from there.
Smiling

WTF?!?! There is no way! Thre is like 20 images in there and absolute positoning only goes so far...

They have: 5,633 posts

Joined: Jan 1970

I am working on this page still and getting really pissed. The lik isnt showing the proublem any more. But it still needs fixed.
The top half of my table is fixed heights. Then there is a section where I want it to stretch. Then the bottom caps it off. What all browsers are doing is totally forgetting any height settings and avarageing all the rows destroying the whole design.
I'm starting to think that browsers are compleatly uncapable of advanced designs and we should surrender web disign to the idiots makeing the shitty designs.

help.....please.....

chrishirst's picture

He has: 379 posts

Joined: Apr 2005

Actually browsers do understand height perfectly, What they don't understand is an arbitary un-dimensioned figure such as 100%, or more correctly they understand as being the full height of the parent container if the parent container has an explicit height associated.

Quote: There is no way! Thre is like 20 images in there and absolute positoning only goes so far...

Not heard of float and clear? It's not that difficult to position a few images together in CSS

And BTW The correct spelling of "Regester" is Register

Chris

Indifference will be the downfall of mankind, but who cares?
Venue Capacity Monitoring
Code Samples

They have: 5,633 posts

Joined: Jan 1970

ok, lets say that i dont use 100% (which im not after the 2nd post) how do i get it to work?

chrishirst's picture

He has: 379 posts

Joined: Apr 2005

Dunno Which bit doesn't work?

The linked page looks the same in IE6, FF1.0.6, NS7.1, Moz1.6, Opera7.54

Have you a link to a "broken" page

They have: 5,633 posts

Joined: Jan 1970

Look now, fine in firefox but not in IE or opera.
If I take the 100% image out of the page firefox looks the same at the others.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Try this and remove the CSS class on the CSS file associated with the image...

Quote:

Try...

They have: 5,633 posts

Joined: Jan 1970

Tried... Screwed it up in FF, IE and O

demonhale's picture

He has: 3,278 posts

Joined: May 2005

I dont see an actual problem in the link you provided for the three major browsers, please be specific, and I might figure out what the real problem is...

They have: 5,633 posts

Joined: Jan 1970

You don't see this?

chrishirst's picture

He has: 379 posts

Joined: Apr 2005

They have: 5,633 posts

Joined: Jan 1970

seroiusly... are tables really that bad?

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Hey I see the problem, I looked into it and you have a floating element or non existing cell on the body part which stretches the left nav, then pushing the table up... This is difficult to fix unless you recode the whole thing and being creful with the use of tables, or code everything in CSS to make it all work out...

Heres a bit of tip... Make a backup of the original html file, then open it in frontpage to see what part of your table has the problems...

They have: 5,633 posts

Joined: Jan 1970

I'm going to try to make it 2 tables... ty for the help

They have: 5,633 posts

Joined: Jan 1970

Welll that f***ing s**ks. I been useing tables for like 3 years now. They really only started to let me down in xhtml. Sad

They have: 5,633 posts

Joined: Jan 1970

Fallow up...
I started from scratch and created the whole design and then added the content to find no... IE does not understand height....
http://www.bja888.com/blog/postArchive.aspx
This page was intended to stay mostly blank but I needed to make the table 500 pixles high so it would look right.
Row one - 20 pixels
Row two - 20 pixels
Row three - 50 pixels
Row Four - No value

Onece again IE does not take into consideration the hight valuse and mave every row 125 pixels.
Was supposed to be at 40 pixels is now at 250.
I had to put in a 400 pixel spacer to make it look closer to normal.

F**K Microsoft Internet Explorer!

chrishirst's picture

He has: 379 posts

Joined: Apr 2005

Quote: seroiusly... are tables really that bad?

As you have found out they don't always work as expected, the reason being they were never meant to be used for layout.

Use them for their correct purpose, tabular data, and use appropriate markup for layout.

Chris

Indifference will be the downfall of mankind, but who cares?
Venue Capacity Monitoring
Code Samples

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

chrishirst wrote: Use them for their correct purpose, tabular data, and use appropriate markup for layout.

I second that motion - we've had countless debates about this here in the past though, have a feeling am about to start another one Wink

a Padded Cell our articles site!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Third This! Anyways you can combine CSS and tables if you can be be patient enough, see the template I posted for review as an example of this, the client coded it in table and didnt lay-out quite as he expected, I corrected it then use a combination of CSS where now it looks ok...

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Ive been in this dillema before... I just suck it up and decided to learn as much as I could to become effective for my needs... You can Do It!!! Go Go Go! Fire in the Hole!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.