/    Sign up×
Community /Pin to ProfileBookmark

FF/IE Image Float Issue

Copy linkTweet thisAlerts:
Jun 19.2005

Please take a look at [URL=http://www.darrenbayley.com/dabovilla/index.php]this site[/URL]

I am trying to get IE to display the page exactly as it appears in Firefox.

Unfortunately I am encountering 3 main problems.

  • 1. The most obvious – centering of the body
    Using: [code=php]
    margin: 40px auto -1px auto;[/code]

  • 2. The picture makes the menu div expand to fit in IE.
    Using: [code=php]position: relative;
    background-image: url(“images/house.gif”);
    width: 278px;
    height: 194px;
    top: 200px;[/code]

  • 3. The 2/3 pixel gap between the blue and orange lines.
    Using: [code=php]padding-left: 25%;[/code] – is this causing this problem?

    • I want it to look exactly like it does in FF, but am pulling my hair out changing my padding, margin, top and left values to try and get them to fit properly.

    If anyone can provide any pointers I would be grateful!

    to post a comment
    CSS

    8 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @BonRougeJun 19.2005 — Try using a complete DTD : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd ">
    Copy linkTweet thisAlerts:
    @barkley1979authorJun 19.2005 — OK, done that, but still no real difference. Any other ideas to where I am going wrong?
    Copy linkTweet thisAlerts:
    @BonRougeJun 20.2005 — For the second thing, try this : #content {
    background-color: #F0F0F0;
    margin-left:280px;
    }
    #menu {
    float: left;
    width:280px;
    }
    Copy linkTweet thisAlerts:
    @barkley1979authorJun 20.2005 — Thanks for the suggestion, amended as suggested, but no change unfortunately. Am I missing something obvious here?
    Copy linkTweet thisAlerts:
    @BonRougeJun 21.2005 — Well, you put the wrong numbers - I said 280px and you put 200px.
    Copy linkTweet thisAlerts:
    @barkley1979authorJun 21.2005 — I tried 280px, but it made no difference, that is why there is a smaller px value now. But thank you for the help nonetheless.
    Copy linkTweet thisAlerts:
    @barkley1979authorJun 21.2005 — Many Thanks for the assistance. Your time has been appreciated!
    ×

    Success!

    Help @barkley1979 spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.16,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...