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 4 of 4
  1. #1
    New Coder
    Join Date
    Nov 2009
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts

    problem on firefox, but not safari or IE

    HI there,

    I am not sure if this is in my code, but for the index, the image is off on firefox, but not on safari.

    (really confused)

    threedash.com


    _threedash

    thanks in for reading

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,672
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello threedash,
    Try making you containing div position:relative; so your ap elements will take their position from it's upper left corner.
    You'll need to adjust the top/left measurements (I only adjusted one) to make this work but try it like this -
    Code:
    /* WELCOME PAGES
    ---------------------------------------------------------------------------------*/
    
    
    #welcome_main {
    	float: right;
    	width: 748px;
    	height: 623px;
    	background-image: url(images/welcome.jpg);
    	magrin: 0;
    	padding: 0;
    position: relative;
    }
    
    
    #welcome-kbt {
    	position:absolute;
    	left:454px;
    	top:35px;
    	width:163px;
    	height:105px;
    	font-family: Helvetica;
    	font-size: 12px;
    Have a look at an article about the pifalls of absolute positioning here.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Nov 2009
    Posts
    28
    Thanks
    0
    Thanked 0 Times in 0 Posts
    what does adding position do for index page?

    threedash.com/index.html is off on firebox, but when you hit "about me" the page looks correct.

    why is it off on one and correct on the other?

  • #4
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Absolutely positioned elements are positioned with reference to the nearest positioned element.


  •  

    Posting Permissions

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