100%?

[Luckyrare]

Hey,

I am working on a new design for Bobboid.NET

But a small problem, when I use 100% height on a image it will fill put as much of the page as it can...

Please look here...

http://www.bobboid.net/danny/v5/

At the bottom the red "ribons" want to be hitting the browser... but as screens come in all sizes I cant put put 200px ect...

Any ideas? :(

[Dan Williamson]

If you want it to touch the browser, align it bottom "/

- Dan

[Luckyrare]

On the css I have put all the borders to 0 px

The problem is the bottom image, as I cant put the height 100%

[nets]

I'm assumeing you want the image which is currently right at the bottom to tile all the way from the top to the bottom. You could do this by putting every thing inside a table which has a height of 100%, and use the image of the 2 red bars as a background in the table.

Also if you want to get rid of the margins on your page, just add this small code to your CSS.


body {margin: 0px 0px 0px 0px}

[Luckyrare]

Thanks for your help nets but I have done all of that...

And it just makes the image its real size...

[nets]

In your css:


.container {background-image: url(example.gif)}

In your table:

height='100%' class='container'

[Luckyrare]

<td colspan='14'><img src='images/bobboid_r10_c1.png' width='583' height='100%' class='container' border='0'></td>

Do I need to change the td colspan?

[Luckyrare]

Changed the design.
Closed