Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Oct 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Random Whitespace

    Hey guys.

    Can anyone tell me why my website (http://www.uhcc.co.uk/index.php) when viewed in older versions of MSIE, has a big chunk of random whitespace below the menu?

    Any help appreciated!

  • #2
    ubh
    ubh is offline
    Regular Coder ubh's Avatar
    Join Date
    Apr 2008
    Location
    Portland, Oregon U.S.A.
    Posts
    443
    Thanks
    108
    Thanked 15 Times in 14 Posts
    Hi bennyboywonder,

    This might be the case of diffrent css and css2 approaches that I recently found out my self (THANK YOU IE!! ).

    earlier versions of IE don't like css2 approaches such as:

    Code:
    padding:10px 11px 12px 13px;
    but rather

    Code:
    padding-top:10px;
    padding-right:11px;
    padding-bottom:12px;
    padding-left:13px;
    so your #body{padding:65px 25px 25px 25px;} might need to be looked at.
    Keep in mind that the css2 method of padding:x x x x; is not wrong its just IE is always WAY BEHIND the curve in css updates and sometimes thinks they are clever by making up their own css rules... shake a fist and Microsoft!!

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Not quite true, I think.

    For me, the best way to track such issues is, to put some test borders (better to use different colours) around the main elements in the context.

    Here, just put a border around #body, say 1px solid #fff; and another around your #menu, say border:1px solid #f00;.

    Now refresh your page and see the exact positions of your elements in both browsers.

    IE automatically clears your float, where as you need to explicitly specify the clear for Firefox and similar browsers. Thus
    Code:
    #body {	padding:65px 25px 25px 25px; 
    border:1px solid #fff;
    clear:both;
    }
    would show a uniform display in both browser(though there might be another clearing issue for the border of #menu).

    Now you may remove the borders and find a suitable padding(shorthand should work in IE6+, not sure about the older ones) for your #body.
    Last edited by abduraooft; 10-30-2008 at 01:13 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    New to the CF scene
    Join Date
    Oct 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks!

  • #5
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    Welcome to the forum. You might want to consider clicking the "thanks" button when someone like abduraooft gives excellent advice. Being unpaid, a clap on the back is the next best alternative.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    You do have some errors.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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