Jump to content

Table BGcolor halted at 100%


miffe

Recommended Posts

Ok, so they tell me CSS is "The Thing" nowadays, so I am trying to implement a template into my website, what I am doing is in PHP/HTML I am coding a "background" for the website which is a vertical table which is divided in 2 (150px wide black menu) and (600px wide white main page)...I tried to make a DIV and place a table in it with a 150px TD and a 600px TD using 100% height. Then another DIV with same specs but without a background, and I use the right TD to place text in the page. The problem is that if I add enough text to make the page scrollable, and I scroll down, the background color from the first div stops at where the 100% height unscrollable was before.I'm not sure if I am explaining myself correctly, but here is the code:

	<div id="bg" style="position:absolute; text-align:center; width:100%; height:100%">	  <center>		<table width=750 height="100%" cellspacing=0 cellpadding=0 border=0>		  <tr><td width=150 bgcolor="#000000">		  </td><td width=600 bgcolor="#FFFFFF"></td></tr>		</table>	  </center>	</div>    <div id="main" style="position:absolute; text-align:center; width:100%; height:100%">	  <center>		<table width=750 height="100%" cellspacing=0 cellpadding=10 border=0>		  <tr valign="top"><td width=136>		  </td><td width=600><big><big><big>ABREA</big></big></big><br><br>			<p align="justify">	ABCDEFGH IJKLMNO PQR STUVWXYZ abcdefg hijkl mnop qrst uvwxyz 12345 987985301 ads iasuhdiuhfu efhiuwhfiusdh fahsd iuahfu whfiehfiauhdais hd	asdfiuasgdi uqhwdviuqhdi qd svadiuqw dciuqnw dicqw dicqwhdicquwh diq w hd qwheiquhw e9134rh c92herei qwhiduqwdq wd qwcqwdcqwn qwcednqwn asd	iuhiquhiu iusdh iaus dh  ewfihweurhiwu rf w fw erf hwi f weh f hiwuehfi uwehfiwhef  wef we hfiwhefuh w f w fw  fhweiuf hwieufhweife f<br><br>	ABCDEFGH IJKLMNO PQR STUVWXYZ abcdefg hijkl mnop qrst uvwxyz 12345 987985301 ads iasuhdiuhfu efhiuwhfiusdh fahsd iuahfu whfiehfiauhdais hd	asdfiuasgdi uqhwdviuqhdi qd svadiuqw dciuqnw dicqw dicqwhdicquwh diq w hd qwheiquhw e9134rh c92herei qwhiduqwdq wd qwcqwdcqwn qwcednqwn asd	iuhiquhiu iusdh iaus dh  ewfihweurhiwu rf w fw erf hwi f weh f hiwuehfi uwehfiwhef  wef we hfiwhefuh w f w fw  fhweiuf hwieufhweife f<br><br>	ABCDEFGH IJKLMNO PQR STUVWXYZ abcdefg hijkl mnop qrst uvwxyz 12345 987985301 ads iasuhdiuhfu efhiuwhfiusdh fahsd iuahfu whfiehfiauhdais hd	asdfiuasgdi uqhwdviuqhdi qd svadiuqw dciuqnw dicqw dicqwhdicquwh diq w hd qwheiquhw e9134rh c92herei qwhiduqwdq wd qwcqwdcqwn qwcednqwn asd	iuhiquhiu iusdh iaus dh  ewfihweurhiwu rf w fw erf hwi f weh f hiwuehfi uwehfiwhef  wef we hfiwhefuh w f w fw  fhweiuf hwieufhweife f<br><br>	ABCDEFGH IJKLMNO PQR STUVWXYZ abcdefg hijkl mnop qrst uvwxyz 12345 987985301 ads iasuhdiuhfu efhiuwhfiusdh fahsd iuahfu whfiehfiauhdais hd	asdfiuasgdi uqhwdviuqhdi qd svadiuqw dciuqnw dicqw dicqwhdicquwh diq w hd qwheiquhw e9134rh c92herei qwhiduqwdq wd qwcqwdcqwn qwcednqwn asd	iuhiquhiu iusdh iaus dh  ewfihweurhiwu rf w fw erf hwi f weh f hiwuehfi uwehfiwhef  wef we hfiwhefuh w f w fw  fhweiuf hwieufhweife f<br><br>	ABCDEFGH IJKLMNO PQR STUVWXYZ abcdefg hijkl mnop qrst uvwxyz 12345 987985301 ads iasuhdiuhfu efhiuwhfiusdh fahsd iuahfu whfiehfiauhdais hd	asdfiuasgdi uqhwdviuqhdi qd svadiuqw dciuqnw dicqw dicqwhdicquwh diq w hd qwheiquhw e9134rh c92herei qwhiduqwdq wd qwcqwdcqwn qwcednqwn asd	iuhiquhiu iusdh iaus dh  ewfihweurhiwu rf w fw erf hwi f weh f hiwuehfi uwehfiwhef  wef we hfiwhefuh w f w fw  fhweiuf hwieufhweife f			</p>		  </td></tr>		</table>	  </center>	</div>  

Many thanks for your help,Miffe

Link to comment
Share on other sites

Actually, I'm not sure if I'm even taking the right approach to templates, any ideas/suggestions?

Link to comment
Share on other sites

Absolute positioning and the declared 100% height is the likely culprit.Doesn't look to me as though you need Absolute position, the center tag or the tables, but that is just me, I guess.http://jlhaslip.trap17.com/samples/templat...left/index.htmlCan you work with that?

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...