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 9 of 9

Thread: IE Positioning

  1. #1
    New Coder
    Join Date
    Nov 2007
    Posts
    38
    Thanks
    2
    Thanked 0 Times in 0 Posts

    IE Positioning

    CSS is valid. HTML is MOSTLY valid (6 errors), all of which are inconsequential to this problem. Site looks fine in Safari/Firefox/Opera in OS X and Firefox in Vista. IE 6 and 7, however, are another story...

    What am I missing here...?

    http://www.drewdizzle.com/sloane/index

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Use this for the respective css. The position:absolute was causing most of the issues.
    Code:
    #logo h2 {
    	font-style: oblique;
    	font-size: 1.0em;
    	letter-spacing: 1px;
    	font-family: sans-serif;
    	color: #000000;
    	text-transform: lowercase;
    	float: left;
    	clear:left;
    }
    Last edited by _Aerospace_Eng_; 03-11-2009 at 07:05 AM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Nov 2007
    Posts
    38
    Thanks
    2
    Thanked 0 Times in 0 Posts
    That fixes IE but now non-IE browsers are jacked up. CC doesn't seem to work for this either... curious...
    Last edited by DrewDizzle; 03-11-2009 at 06:48 PM.

  • #4
    New Coder
    Join Date
    Nov 2007
    Posts
    38
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Ok, this has caused more problems than it's solved. Using the modified tags with without the absolute positioning looks fine in IE but causes the menus to drop in Safari and FF. I've tried conditional commands but in-line and on separate stylesheets but have had zero success. wtf...?

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Float #logo to the left. Also you have a stray 's' after the #logo h2 styles.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    New Coder
    Join Date
    Nov 2007
    Posts
    38
    Thanks
    2
    Thanked 0 Times in 0 Posts
    #logo h1, #logo p {
    width: auto;
    float: left;
    text-transform: none;
    }

    #logo h1 {
    font-size: 2.4em;
    padding: 4px 0 0 0px;
    color: #000000;
    }

    #logo h2 {
    float: left;
    width: auto;
    font-style: oblique;
    font-size: 1.0em;
    letter-spacing: 1px;
    font-family: sans-serif;
    padding: 43px 0 0 0;
    color: #000000;
    text-transform: lowercase;
    }


    Logo is already floating left... that's the conundrum.

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Umm no its not. #logo h2 and #logo p are floating left but NOT #logo itself.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    New Coder
    Join Date
    Nov 2007
    Posts
    38
    Thanks
    2
    Thanked 0 Times in 0 Posts
    adding #logo float:left doesn't change anything... H2 still floats in the ccenter.

  • #9
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    If you had made the changes I told you to make it would do something and your problem would be solved.

    Code:
    #logo {
    float:left;
    }
    #logo h1, #logo p {
    	width: auto;
    	float: left;
    	text-transform: none;
    }
    
    #logo h1 {
    	font-size: 2.4em;
    	padding: 4px 0 0 0px;
    	color: #000000;
    }
    
    #logo h2 {
    	clear:left;
    	font-style: oblique;
    	font-size: 1.0em;
    	letter-spacing: 1px;
    	font-family: sans-serif;
    	padding: 0 0 0 0;
    	color: #000000;
    	text-transform: lowercase;
    	float: left;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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