Results 1 to 2 of 2

Thread: Whitespace Collapsing

  1. #1
    Join Date
    Nov 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Whitespace Collapsing

    Hi,


    I seem to be having a problem with my website, when viewed in Internet Explorer, there seems to be extra spacing between the links, the header, and the footer. However, when viewed in Firefox, Safari, it looks fine, I'm thinking this might have something to do with white-space collapsing, but I'm not quite sure how to fix it. Maybe somebody here could give me possible solutions on how to solve this problem?

    http://webwizardz.50webs.com/layout2.html


    Thanks.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,953
    Thanks
    43
    Thanked 3,195 Times in 3,157 Posts
    Blog Entries
    12

    Default

    If you use a strict DOCTYPE it is just as messed up in FF. Anyways, keeping your current DOCTYPE, I found that you could just add in a few line breaks using the <br> tag and it looked good in both IE and FF. This is all on the PC, as I have no Mac and equally cannot tell what the effect in Safari or Mac versions of these other browsers would be. Here is the code I changed (additions red):

    Code:
      <div id="header">
    
        <img src="http://webwizardz.50webs.com/ww_layout3_01.gif" /><img src="http://webwizardz.50webs.com/ww_layout3_02.gif" /><br>
      </div> <!-- end header -->
      <div id="leftcolumn">
    	<img src="http://webwizardz.50webs.com/ww_layout3_03.gif" /><br>
    	<img src="http://www.sprydesign.com/clients/bbr/port.jpg" /><br>
    	<img src="http://www.sprydesign.com/clients/bbr/serv.jpg" /><br>
    	<img src="http://webwizardz.50webs.com/ww_layout3_10.gif" /><br>
      </div> <!-- end leftcolumn -->
    NOTE: There is one other <br> added at the end of that real long line near the top of the above snippet. You will miss it if you do not scroll the snippet over.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •