Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Jul 2004
    Posts
    13
    Member #
    6757
    This is the css to define the right colum content in a site I'm building at

    #maincont {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 9px;
    margin-right:9px;
    top: 0px;
    left: 165px;
    width: 590px;
    position: relative;
    border-bottom-width: 9px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;}

    The problem is, 'left: 165px;' is in the correct place on standards compliand browsers but is incorrect on IE (try the link on different browsers). I unsderstand IE has problems with css positioning but I'm an amature when it comes to browser problem solving.

    Can someone please help? Is there a better way I should code this? Do I require an IE hack?

  2.  

  3. #2
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    That rule looks fine and it should work. However you might try to declare positioning befor you declare your offset. So put position:relative before your top and left declerations. That is the only thing I can see that might be causing problems. If that does not work There is another rule or element that is causing the problem.

    Also what version of IE are you trying to get this to work with? It should work fine with 5.5 and 6.0 browsers. However 5.0 and below might have problems and will require additional hacks.


  4. #3
    Junior Member
    Join Date
    Jul 2004
    Posts
    13
    Member #
    6757
    Sorry, knew I'd forget some important info.

    My origional css had an IE5.5 hack to get the left position in the right place. The css breaks in IE6. Obviously the IE5.5 hack doesn't work for IE6.

    Try the url above in IE6 to see the problem.

    Here is my latest version with 5.5 hack

    #maincont {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position: relative;
    margin-right: 9px;
    margin-left: 9px;
    top: 0px;
    left: 80px;
    width: 593px;
    border-bottom-width: 9px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    /* IE5.x hack */
    voice-family: "\"}\"";
    voice-family: inherit;
    left: 162px;
    }

  5. #4
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    found it!! (i think) put a text-align: left inside of #pendebody and it should work. Or if you might consider getting rid of text-align: center from the body element.


  6. #5
    Junior Member
    Join Date
    Jul 2004
    Posts
    13
    Member #
    6757
    BLIMEY, 100000000000000 THANKS glyakk!!!!!

    Text-align: left; seems to have done the trick!!

  7. #6
    WDF Staff Wired's Avatar
    Join Date
    Apr 2003
    Posts
    7,657
    Member #
    1234
    Liked
    138 times
    jedy, please put the link back so others can learn from this.
    The Rules
    Was another WDF member's post helpful? Click the like button below the post.

    Admin at houseofhelp.com


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:40 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com