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 Coder
    Join Date
    Mar 2009
    Posts
    88
    Thanks
    10
    Thanked 0 Times in 0 Posts

    Minimal differences between div placement

    Can anyone tel me why IE places the div's slightly different then in FF MOz?
    Here is an css example, maybe I missed something?

    Code:
    .s6l_short_url_form4{
      position: relative;
      top: -170px;
      left: 270px;
      width: 300px;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size:18px;
      color: #0099FF;
      font-style-weight: bold

  • #2
    Regular Coder noneforit's Avatar
    Join Date
    Apr 2009
    Location
    England
    Posts
    268
    Thanks
    10
    Thanked 20 Times in 20 Posts
    You have not really given enough information.

    How does IE place the DIV differently?

    Also a link to the live site would be helpful...or the complete HTML/CSS code

  • #3
    New Coder
    Join Date
    Mar 2009
    Posts
    88
    Thanks
    10
    Thanked 0 Times in 0 Posts
    My bad,

    When I W3C validated the my page everything looks ok. The difference is in IExpl0der! After you submit a url in IE, the w3c image isn't centered anymore. I really don't understand why this is happening.

    img.center {
    display : block;
    margin-left : auto;
    margin-right : auto;
    border : 0;
    width : 88px;
    height : 31px;
    }


    In the almighty FF looks everything ok, but when you click the w3c link, the image goes to the left side :?? please don't border the div's I need to rearange them again.
    Last edited by boemboem; 06-22-2009 at 05:01 PM.

  • #4
    Regular Coder noneforit's Avatar
    Join Date
    Apr 2009
    Location
    England
    Posts
    268
    Thanks
    10
    Thanked 20 Times in 20 Posts
    Have you got the following at the start of your CSS?

    Code:
    * {
    	padding:0;
    	margin:0;
    	border:0;
    }
    If not, try adding it to see if it helps

    Plus we need to link to the live site or All of the HTML and CSS posted (as in the entire page)

  • #5
    New Coder
    Join Date
    Mar 2009
    Posts
    88
    Thanks
    10
    Thanked 0 Times in 0 Posts
    np, here is the link

    http://www.twiturl.nl

  • #6
    New Coder
    Join Date
    Mar 2009
    Posts
    88
    Thanks
    10
    Thanked 0 Times in 0 Posts
    @ laurieballard bump, there are still differences even with the margin, padding and border css


  •  

    Posting Permissions

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