Thread: Height="100%" PROBLEM :(
Results 1 to 15 of 18
Related
-
is there a difference between <script language="javascript> and <script type="text/javascript"> Forum: Javascript Forum
Replies: 8 -
Problem with the Australian site, without ".com.au" domain. Forum: Search Engine Optimization - SEO - Forum
Replies: 2 -
input type=hidden name="to" VALUE="user@yahoo.com" Forum: HTML Forum
Replies: 1 -
Height="100%" PROBLEM :( Forum: General Discussion
Replies: 1 -
problem with "<" and < Forum: HTML Forum
Replies: 1
-
12-07-2003, 06:06 PM #1
Height="100%" PROBLEM :(
Hi there plz help me out with this stupid problem
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr><!-- Row 1 -->
<td height="30" bgcolor="black"> </td>
</tr>
<tr>
<td height="30" bgcolor="red"> </td>
</tr>
<tr>
<td height="100%" valign="top">
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td bgcolor="green"> </td>
</tr>
</table>
</td>
</tr>
</table>
Now why isn't the green TD 100% height :'( pleeeaaassseee tell me..
Why doesn't netscape and opera accept this ?
IE does
-
12-07-2003, 06:14 PM #2
Moving post to correct forum...
If one of our members helps you, please click theicon to add to their reputation!
No support via email or private message - use the forums!
Before you ask, have you Searched?
-
12-07-2003, 06:15 PM #3
Checking the HTML spec, there is no height attribute. If you ran that code through a validator it would fail because of it.
I hate to recommend it, but for a production site you may be better off using spacer gifs to 'stretch' your cells.If one of our members helps you, please click theicon to add to their reputation!
No support via email or private message - use the forums!
Before you ask, have you Searched?
-
12-08-2003, 02:55 AM #4
@QuietDean:
First of all, sorry for posting this is the wrong forumIm new here so i was not sure where to post.
Yeah normaly i use spacer gifs to 'stretch' my cells. But with a 100% height itīs hard to do i gues...
You say "there is no height attribute" what do you mean with that ?
Then how am i able to have a 100% td in this situation ?
I just want to know why the green <td> isn't 100% in netscape. And what i should change
Thanks already.
ps.
Im sorry for my bad english
-
12-08-2003, 08:05 AM #5
If you use:
Code:<style> body {margin:0px;} </style>
Also, you should use units. td height=30 might not mean anything to some browsers, and from W3C Schools:
The "bgcolor", "height", "width", and "nowrap" attributes of the td element were deprecated in HTML 4.01.
-
12-08-2003, 08:16 AM #6
thank you so much
Im feeling 200% smarter already hehe.I din't knew those primairy attributes were deprecated in HTML 4.01.
I gues making up my layout with use of css would not be a bad idea...tho i found some problems with css and netscape aswell :@
What did you mean with "you should use units" ??
Thankz for your reply
-
12-08-2003, 10:06 AM #7
Originally Posted by ||-KeviN-||
Example:
Incorrect:
<table><tr><td width="30">content</td></tr></table>
Correct:
<table><tr><td width="30px">content</td></tr></table>
<table><tr><td width="30%">content</td></tr></table>
This concept is, however, rather moot, as this method is deprecated.
Use CSS instead:
<table><tr><td style="width:30px;">content</td></tr></table>
Or use style classes:
put
<style>
td.top {width:30px;}
</style>
in the head, and use the form of
<table><tr><td class="top">content</td></tr></table>
in the body of the document. For every td that you want to be 30px wide, just use "class=top" in that td tag.
-
12-08-2003, 11:15 AM #8
Cool !
Yea never looked it that way.
This is netscape proof ?most importand to me
I want my websites compatible with all kind of browser.
-
12-08-2003, 11:21 AM #9
ok lett me ask it like this...
Can you please edit my html to a correct version wich will be compatible with all browsers.
I just wanna know how i can make a nestled table 100% height
I want the green TD 100% high !thanks
-
12-08-2003, 08:33 PM #10
Originally Posted by ||-KeviN-||
Which versions of browsers? Netscape 4.x has trouble with CSS. Which doctype? (HTML 4, 4.1, XHTML? STRICT? Transitional?)
Making it compatable with ALL possibilities can take some time.....
-
12-09-2003, 03:48 AM #11
you and me...great future :D
hmm,
lets say, compatible with netscape 6, IE 5up, and i gues opera will do the same as netscape ?
i never inserted wich doctype im using. Is that nessecary ? HTML 4 , 4.1 ?? will there be a difference ?
Transitional?
STRICT ?
Yet im not programming in xhtml. But i gues i should.
Man i sell websites above 5000 euro's to company's and im still f*cking around with stupid html
My websites look great in IE 6 tho
But it's time to do something about my compatible powerrrIm so happy your here android !!
You and me...will have a great future
Thankz already.
Lets see if you can make a nestled table 100% high.
www.extrememedia.nl
my company website. As you will see...NOT compatible with netscape or any other browser. wich is a shame
-
12-09-2003, 11:25 AM #12
Pour vous.....
I don't know just what you're trying to achieve. Is you current layout flexible?
Here's one attempt I whipped up. I've use green as a background colour for the body with no margins and two div's with black and red backgrounds. The black and red div's have no height attribute, so they're expandable dependant on their contents:
Code:<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Temaplate!</title> <style type="text/css"> <!-- body { background-color:#00ff00; } .black { background-color:#000000; width:100%;color:#ff0000; } .red { background-color:#ff0000; width:100%; } --> </style> </head> <body style="margin:0px"> <div class="black"> Black Bar on Top.... </div> <div class="red"> Red Bar under Black Bar </div> <div> Green background filling up the rest of the page. <br /> This page is valid XHTML 1.0 Strict. </div> </body> </html>
NOTE: Doctype is XHTML 1.0 STRICT (I had to cut/paste it from something else. I would recommend HTML 4.1 Transitional or Strict, unless you're creating an XML application (Like I know what I'm talking about!
Something for you to play with, anyway.......
-
12-10-2003, 03:46 AM #13
This was/is not what i am looking for.
Becuase...the green color is from the body background.
Then it's normal it's 100% height
By the way, this was also possible with tables
real problem is...nestled tables.
So what if i want to spit the green color in too colors ?
top = black & red
then you get left green and right yellow.
How would you do that ? Solution would be colspan and rowspan i gues...But that would take me hourhs
Becuase this is a easy example, but normaly i will have 50 nestled tables.
I wanna know how i can fill 100% height.
Thankz for code anyways m8, i still think we could have a great future
-
12-10-2003, 07:32 AM #14
Originally Posted by ||-KeviN-||
Dave
-
12-11-2003, 07:07 AM #15