PDA

View Full Version : Another Works IE; FF 100% height Fails


Templarian
November 4th, 2006, 10:55 PM
Basically it works fine in IE but in FF the scroll bar doesnt show up and it just forces everything down. Theres a scroll bar in a div tag in the middle of the table.

http://www.templarian.com/misc/kirupa/example.html


<!-- Copyright ©2006 Templarian, CMS -->
<html>
<head>
<title>Templarian Content Management System</title>
<style type="text/css">
body,html{margin:0px;width:100%;height:100%;font-family:Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;overflow:hidden;}
#t_main{width:100%;height:100%;}
#t_top{height:28px;background:url(x/x_img/gui_top.png);color:#8994A1;font-size:16px;padding-left:45px;}
#t_bottom{height:28px;background:url(x/x_img/gui_bottom.png);color:#8994A1;font-size:16px;text-align:right;padding-right:10px;}
#t_middle{position:relative;width:100%;height:100% ;overflow:auto;}
</style>
</head>
<body>
<table id="t_main" cellpadding="0" cellspacing="0">
<tr>
<td id="t_top">Menu</td>
</tr>
<tr>
<td>
<div id="t_middle">
1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1
</div>
</td>
</tr>
<tr>
<td id="t_bottom" class="clear">Copyright 2006 Templarian</td>
</tr>
</table>
</body>
</html>Thanks.

(The real version is a built into a CMS so I can't really post it if no ones able to answer then i will make up a test version.)
Templarian
November 5th, 2006, 12:14 PM
bump
Templarian
November 5th, 2006, 02:02 PM
I've tried a few more things... does anyone know if this is impossible in Firefox... i would like it to work in firefox.
raz
November 5th, 2006, 02:08 PM
Height 100% should work in firefox... Im pretty sure its not supported in IE though...
evildrummer
November 5th, 2006, 02:21 PM
well I havent actually looked at your code as im in a rush but here are som suggestions:

have you declared html and body 100%?
are all teh cpntainer divs 100%?
have you tried the margins/padding? (they might not be 0px)
if so use javascript and make two .css's
simplistik
November 5th, 2006, 04:20 PM
it's because you have overflow: hidden on the body and html tag...

Also... I can already tell you if you're doing this "CMS" of yours, you prolly want to think about NOT using tables for layout content. Just a suggestion... using tables in today's world of coding is reverse engineering, and not taking the time to learn (not that it takes much time at all) how to code properly will hurt you in the long run.

Height 100% should work in firefox... Im pretty sure its not supported in IE though...It's actually the other way around... firefox is notorious for not being able to do 100% height past the maximum screen height. But that's generally for DIVS not tables.
Templarian
November 6th, 2006, 09:30 AM
oh wow i feel dumb now. I'll try that when a get home. I did have this set up with just divs before but the problem was about the same. You can ask nokrev also we couldn't figure out how to set up css to format it just right. (the CMS for this system is already made i use it all the time i'm just redoing the layout for it).
raz
November 6th, 2006, 09:53 AM
It's actually the other way around... firefox is notorious for not being able to do 100% height past the maximum screen height. But that's generally for DIVS not tables.

Doh :thumb: Sorry... I knew one of them didnt like it! haha
fasterthanlight™
November 6th, 2006, 03:03 PM
I told you it was the overflow: hidden; on msn, Temp. What, it takes Simp to tell you to do something for you to do it?? :lol:
Templarian
November 6th, 2006, 04:49 PM
nope didnt fix it.

http://www.templarian.com/misc/kirupa/example.html

BTW.. its the middle section that scrolls only the top and bottom are fixed (test it in IE to see what I mean).

//edit, and no i wasn't agreeing with either FTL or Simp, they were misunderstanding what i was trying to do (my fault).
Templarian
November 6th, 2006, 11:32 PM
If anyone knows I'd appreciate it.
simplistik
November 7th, 2006, 01:29 AM
use a frameset... and before someone trys to chastise me about it... the fact of the matter is this layout is already poor, so a frameset won't hurt it one bit.

or you can use javascript to dyamically resize the middle section so it would do something like... middlesectionheight = 100% - ( topbarheight + bottombarheight)

anyway you cut ... what you're tryin to do won't work pretty. so you should either change the layout or not be adverse to ghettofying it some more.
Templarian
November 7th, 2006, 11:47 PM
Yep, I'm actually making redoing this for linux users also... they are very very against javascript so I'm going to stay away from it completely. I wouldn't of said the layout was poor... but its just not feasible with current code so I'm going to think of another way to set it all up.

Thanks I'm just gonna change the layout a bit.
simplistik
November 8th, 2006, 01:40 AM
Yep, I'm actually making redoing this for linux users also... they are very very against javascript so I'm going to stay away from it completely. I wouldn't of said the layout was poor... but its just not feasible with current code so I'm going to think of another way to set it all up.

Thanks I'm just gonna change the layout a bit.
:lol: well just know by layout I meant the coding... using tables and all that jazz :fight: