View Full Version : Making Tables Flush With The Bottom


dookiewuvz
08-13-2006, 06:08 PM
hey guys i need help trying to locate which part of source creates the uh.. "style/look" im trying to achieve. the following links have what im trying to get:

http://recycle-me.diaryland.com/index.html (see how the tables go all the way to the bottom of the page?)
http://realsnoopy.diaryland.com/index.html (the text is not located correctly but the look is what i want)

im working on a layout for something and i want to create tables and stuff but i want them to go all the way to the bottom of the page. i want a header type top image deal, like on the eeyore page. and i want borders on the side. but the want the bottom to have NO borders or anything and be 100% flush with the bottom of the browser.

what code do i use to achieve this, i cant pick it out of the source codes.
(btw.. these are just some random samples i found on diaryland.)

thanks!

_zr_
08-15-2006, 03:31 AM
What you see that looks like a table is a background image. These layouts are made using div layers and absolute positioning.

dookiewuvz
08-16-2006, 02:18 AM
ooh i see.
so the background is just carefully aligned i suppose?

could you possibly guide me in the right direction to achieving this or no?

thanks!

J to the izzosh
08-16-2006, 02:32 AM
Well, the idea of that site is pretty simple. A repeating background image is used which has areas of different colour. Over the areas which you wanted to be the background colour for your text, you would position an element - usually a <div> element - using CSS positioning. For example: you have background which is white then has a coloured section 300 pixels in from the left that is 400 pixels wide. You want text to appear over that coloured section. What to do? Simply enough, you could put that text in a <div> element (preferably also inside of a paragraph element for semantical purposes), make the <div> 400 pixels wide, and use CSS to position the <div> 300 pixels from the left edge of the body. Presto: you have text over a coloured background!

dookiewuvz
08-16-2006, 05:28 AM
ok thaaaaaaaaaanks a ton! hopefully thats do-able by myself haha. i always thought it was more complicated. if the bg is repeated, how do i cover it at the top? by the capping image or w/e? i guess? haha