miffe Posted October 6, 2007 Share Posted October 6, 2007 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 More sharing options...
miffe Posted October 6, 2007 Author Share Posted October 6, 2007 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 More sharing options...
jlhaslip Posted October 6, 2007 Share Posted October 6, 2007 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 More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.