ThePaintGuru
New Member
- Messages
- 208
- Reaction score
- 0
- Points
- 0
I'm throwing together a layout to test some header, background, and footer images I made. The problem is that the DIVs have unwanted whitespace between them. Any ideas?
Edit:
EDIT: Figured it out... the PRE tag has margins of its own that push away the other DIVs. Strange
HTML:
<HTML>
<BODY style="margin:0px; padding:0px; border:0px">
<DIV align="center">
<DIV style="width:720px" align="left">
<DIV style="background-image: url(roundheader.png);height:253px">HEADER
</DIV>
<DIV style="background-image: url(background.png);">
<PRE>
CONTENT
CONTENT
CONTENT
CONTENT
</PRE>
</DIV><DIV style="background-image: url(footer.png);height:34px">
Footer
</DIV>
</DIV>
</DIV>
</BODY>
</HTML>
EDIT: Figured it out... the PRE tag has margins of its own that push away the other DIVs. Strange
Last edited: