Web Analytics Made Easy -
StatCounter Absolute Position Displays Wrong in Chrome - CodingForum

Announcement

Collapse
No announcement yet.

Absolute Position Displays Wrong in Chrome

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Absolute Position Displays Wrong in Chrome

    Hello,
    I'm having an issue with an image I have positioned absolutely. It displays correctly in Firefox and IE 7 (surprise!), but wrong in Chrome. I have entered CSS values to reset the browsers' margins. What is going on?

    The relevant CSS is:

    Code:
    /* Browser Reset */
    
    html,body,form {
    	margin:0;
    	padding:0;
    }
    
    p {
    	margin:0 0 1em 0;
    	padding:0;
    }
    
    h1 {
    	margin:0 0 .7em 0;
    	padding:0;
    }
    
    /*end Browser Reset */
    
    #pagelabel {
    	float:left;
    	left:131px;
    	position:absolute;
    	top:400px;
    }
    The website is here: http://www.artistnatalieblake.com/daubie/index.html

    It is the image along the side of the text box that says "home" that is displaying incorrectly. It should just barely overlap the text frame's left edge, and line up with the bottom of the third line of text.

    Thanks for any insight into this issue!

  • #2
    Dang it, I was just playing around and thought, let's try this....and fixed it! LOL I simply moved the image outside of a div it was in. Go figure! However, I am still having an issue where my .htc behavior for rounding corners in IE is not working. Anyone know what's wrong there?

    Comment

    Working...
    X
    😀
    🥰
    🤢
    😎
    😡
    👍
    👎