Layout issue in IE

Discussion in 'HTML & Website Design' started by fouadz, Aug 30, 2007.

  1. #1
    hi,

    My site URL is http://www.soccerpanna.com/

    the right column is not shown correctly using IE but it work fine using firefox , any idea ?


    thank you
     
    fouadz, Aug 30, 2007 IP
  2. twistedspikes

    twistedspikes Notable Member

    Messages:
    5,694
    Likes Received:
    293
    Best Answers:
    0
    Trophy Points:
    280
    #2
    It's a common mistake, using padding with floats.

    Change the padding to margin like so:

    .contactleft {
    	width: 25%;
    	white-space: pre;
    	text-align: right;
    	clear: both;
    	float: left;
    	display: inline;
    	margin: 4px;
    }
    
    .contactright {
    	width: 70%;
    	text-align: left;
    	float: right;
    	display: inline;
    	margin: 4px;
    }
    Code (markup):
     
    twistedspikes, Aug 30, 2007 IP
  3. fouadz

    fouadz Peon

    Messages:
    132
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank you !
     
    fouadz, Aug 31, 2007 IP
  4. jamesicus

    jamesicus Peon

    Messages:
    477
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Also, why not correct the six Markup errors recorded by the W3C Validator?

    James
     
    jamesicus, Aug 31, 2007 IP
  5. usasportstraining

    usasportstraining Notable Member

    Messages:
    4,876
    Likes Received:
    363
    Best Answers:
    0
    Trophy Points:
    280
    Articles:
    4
    #5
    Do you have IE6 or IE7? I noticed a difference between the two.

    Firefox and IE7 seem to recognize html standards better than IE6.
     
    usasportstraining, Aug 31, 2007 IP