horizontal space between header, body and footer

mwallace · #1 Aug 8, 2009, 10:23 AM

Please look at http://the-write-approach.com/.
what is causing the horizontal space between header and body, body and footer?

also happens at http://cruisinautobody.com/gallery/ - but not such a concern.

Flynn · #2 Aug 9, 2009, 03:17 PM

The first space can be removed by setting those images to

display:block

The other space is caused by the red parts which should be removed:

<p>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

<body>
<table width="875" border="0" align="center" cellpadding="0" cellspacing="0" class="center">
<tr>
<td align="center" valign="top"><img src="http://the-write-approach.com/images/footer.jpg" alt="footer" width="875" height="225" border="0" /></td>
</tr>
</table>
</body>
</html>

which you should remove altogether.

You also have multiple <body> tags among a few other things.

You should look through the source code of your site and compare it to a unmodified Atahualpa.

The basic structure should be

<html>
<head>
...
</head>
<body>
...
</body>
</html>

These tags should only appear once: <html>, </html>, <head>, </head>, <body>, </body>

mwallace · #3 Aug 10, 2010, 10:26 PM

I've ignored this for a while, but it's still haunting me.

http://prairiestitchesquiltshop.com/WP/shipping-policy/

and

http://cruisinautobody.com/

Can you give me more instructions on how to apply display: block if that is the problem?

Thanks so much.

juggledad · #4 Aug 14, 2010, 06:11 AM

you will have to be a bit more descriptive about what is wrong. I look at both sites and say "Ok, that looks nice' since I'm not designing it I can't tell what you think is off

It would also help if you let us know the versions of Atahualpa and WP you are using.