SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Dec 2010
    Location
    Clarkston, WA
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Lightbulb Float question with IE

    Alright, I hate internet explorer, who doesnt - but I'm having a little trouble with some code and its only in IE, I picked up this project from a former employ of a company I work for - and I can't seem to get the text to float left properly, it just sits below the image

    here's the css for the main container of the website, the text box where the text sits, but also the picture tag is included as well - the site is a wordpress blog, the page with the issue is Only Rain Down the Drain | Just another WordPress site <- home page

    HTML Code:
    #mainContainer {
    	clear:both;	
    	background-color: #fffcec;
    	float: left;
    	padding-bottom: 45px;
    	position: relative;
    	width: 960px;
    }
    #textBox {
    	float: left;
    	padding: 0 40px;
    	position: relative;
    	width: 880px;
    	text-align:left;
    }
    #textBox p {
    	text-align:left;
    	padding-top:15px;
    	padding-left:15px;
    	width:550px;
    }
    .picture {
    	position: relative;
    	float: right;
    	padding-left: 40px;
    	margin-top: -55px;
    	width:480px;
    }
    Not sure what needs to be done to correct it, maybe a separate stylesheet for IE fixes... but I'm thinking its easier than that..

    Any suggestions??

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,329
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    Make sure to specify which version of IE you are using when asking an IE question. (There are 4 versions in common use now.)

    Anyhow, I'd guess the problem is being caused by the width that's set on the paragraph, which is unnecessary:

    Code:
    #textBox p {
      padding-left: 15px;
      padding-top: 15px;
      text-align: left;
      width: 550px;
    }
    See if removing that width helps.

    PS: I've moved this to the CSS forum.


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
  •