Padding

bdl · 03-12-2003, 04:52 AM

I need a method for padding a webpage, does everyone usually use a transparent gif image for that? Whats the best way of doing it? What I need to be able to do is pad the page so that it shows a footer on or near the bottom even though the main content of the page is minimal or only takes up half the window. Not using frames. Would prefer tables to css positioning. Anyone has some good ideas or methods, throw em out.

sde · 03-12-2003, 06:05 AM

1px by 1px transparent gifs work wonders.

here's an idea of how the bottom of codenewbie works:

PHP Code:


			
<table border=0 cellspacing=0 cellpadding=0 width=100%>

<tr bgcolor=#000000>

  <td height=1><img src=images/spacer.gif width=1 height=1></td>

</tr>



<tr bgcolor=#4B7A3C>

  <td align=center>

   &copy 2002 - 2003 CodeNewbie.com - All Rights Reserved

  </td>

</tr>



<tr bgcolor=#000000>

  <td height=1><img src=images/spacer.gif width=1 height=1></td>

</tr>

</table>

i highly recommend putting the size parameters of the spacer image in .. otherwize they might show up like big images before the page completely loads.

css is another option, but i gotta get to work now .. will post an example later.

bdl · 03-12-2003, 06:37 AM

Hey! Thanks for the reply; yeah, I remember our discussion on that previously, I just couldn't remember all the details. Now, I remember a CSS method of putting an image either horizontally / vertically across the screen, I'll look into that...what I want to do is pad the screen vertically, so the page will always be a certain height no matter how much content. I guess I could just use the old '<p> </p>' but thats sort of tacky..

sde · 03-12-2003, 07:23 AM

do you want to split the screen in equal parts, or like the home page of codenewbie? you can always use table padding

something like this would fill the entire screen:

PHP Code:


			
<table border=0 cellspacing=0 cellpadding=20 width=100% height=100%>

<tr>

  <td width=150 valign=top> left cell </td>

  <td valign=top> no width here, it will stretch </td>

  <td width=150 valign=top> right cell </td>

</tr>

</table>

hope this helps.

abc123 · 03-12-2003, 12:39 PM

just use css, not a useless gif...

for a gap at the top:

Code:

<style type="text/css">
  body {
          top-margin: 10px;
          left-margin: ###px;
          ...-margin: ###px;
  }
</style>

nothing easier!

bdl · 03-12-2003, 04:12 PM

Quote:

Originally posted by sde
do you want to split the screen in equal parts, or like the home page of codenewbie? you can always use table padding

something like this would fill the entire screen:

PHP Code:

<table border=0 cellspacing=0 cellpadding=20 width=100% height=100%> <tr> <td width=150 valign=top> left cell </td> <td valign=top> no width here, it will stretch </td> <td width=150 valign=top> right cell </td> </tr> </table>

Thats exactly what I needed, just to use the 'height' parameter in the table. Uh duh! =) Thanks again.

Test page.