Results 1 to 2 of 2

Thread: Problem with top-margin @ IE/FF

  1. #1
    Join Date
    Jun 2007
    Posts
    64
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default Problem with top-margin @ IE/FF

    Hey..

    Well im in trouble with a image/text wrap and margin/padding..
    Here is my Code:

    Code:
    <p style="margin-top: 0px;">
    <img src="my_image.png" alt="Image" width="355" style="float: left; margin-right: 25px;">
    </p>
    <p style="text-align: left; margin-top: 20px;"> 
    Here goes my Text...<br>
    lala, blahblah!
    </p>
    now with IE the image stays on top and the text moves down,
    while with FF both the image and text move down...

    anybody can help me plz! i want only the text to be moved,
    working in ALL browsers!


    THX

  2. #2
    Join Date
    Feb 2009
    Posts
    303
    Thanks
    18
    Thanked 36 Times in 36 Posts

    Default

    First of all - always make it work in Firefox FIRST, never use IE as your main testing browser. It's bad practice and you will be scolded by many.

    As for the code issue... Set the float:left to the <p> tag as well and see if that works.

    Hope that helps...

    // X \\
    Alex Blackie, X96 Design
    My Website
    I specialize in: HTML5, CSS3, PHP, Ruby on Rails, MySQL, MongoDB, Linux Server Administration

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
  •