Mysterious space between DIVs

**ThePaintGuru** · 03-29-2008 08:38 PM

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?

HTML Code:

<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:
EDIT: Figured it out... the PRE tag has margins of its own that push away the other DIVs. Strange

**Cliff Dude** · 03-29-2008 09:16 PM

<div> usually makes a padded space. If you do not want that space, try <span> which works exactly like a <div> tag.

**ThePaintGuru** · 03-29-2008 10:10 PM

I did a
<STYLE>
* {border: 0px;
padding: 0px;}
</STYLE>
and it fixed the problem

**Cliff Dude** · 03-29-2008 10:57 PM

I suggest you stick all of your CSS formatting in a stylesheet.

**ThePaintGuru** · 03-29-2008 10:58 PM

I will be doing that later, this is just a quick way to see that everything lines up

.

Thread: Mysterious space between DIVs

LinkBack

Thread Tools

Display

Mysterious space between DIVs

Re: Mysterious space between DIVs

Re: Mysterious space between DIVs

Re: Mysterious space between DIVs

Re: Mysterious space between DIVs

Similar Threads

Incomplete uploads taking up space.

Deleted file still taking up space?

Only one with a space in their name?

[OFF] Rent out Signature Space!

More bandwith less space.

Posting Permissions