Advanced Search

Results 1 to 8 of 8

Thread: CSS in IE Six/Sux doesnt work right. HELP

  1. #1
    Join Date
    Nov 2005
    Location
    Utica, NY
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default CSS in IE Six/Sux doesnt work right. HELP

    Im working on a new homepage and IE six doesnt display the way i wrote it.
    I could really use some help if you can.

  2. #2
    Join Date
    Nov 2005
    Location
    Utica, NY
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    the CSS
    Code:
    .ad-container{
    width:680px;
    hight:175px;
    margin-bottom:12px;
    
    }
    
    .home1
    {
      width:400px;
      float:left;
      padding-bottom: 32767px;
      padding-right: 12px;
    	margin-bottom: -32767px;
    }
    .home2
    {
      width:222px;
      float:left;
      border-left:1px solid #808080;
      padding-bottom: 32767px;
      	padding-left: 12px;
    	margin-bottom: -32767px;
    }
    
    .menutitle{
    cursor:pointer;
    width:218px;
    padding:2px;
    margin-bottom: 5px;
    background-color:#FF0000;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    border:1px solid #000000;
    }
    
    .submenu{
    margin-bottom: 5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#666666;
    }
    
    .submenu a{
    margin-bottom: 5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#666666;
    text-decoration:none;
    }
    
    .submenu a:hover{
    margin-bottom: 5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FF0000;
    text-decoration:underline;
    }
    
    #container
    
    {
    width: auto;
    height: auto;
    }
    
    #container h1,h2,h3,h4
    
    {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:16px;
    margin-left:1px;
    margin-bottom:-5px;
    }
    
    #container h1 a
    
    {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    margin-left:6px;
    margin-bottom:-5px;
    }
    #container h2 a
    
    {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    margin-left:6px;
    margin-bottom:-5px;
    }
    
    #container h3 a
    
    {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    margin-left:6px;
    margin-bottom:-5px;
    }
    
    #container h4 a
    
    {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    text-decoration:none;
    font-size:16px;
    font-weight:bold;
    margin-left:6px;
    margin-bottom:-5px;
    }
    
    #container h1 a:hover
    
    {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    font-weight:bold;
    text-decoration:underline;
    font-size:16px;
    margin-left:6px;
    margin-bottom:-5px;
    }
    
    #container h2 a:hover
    {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    font-weight:bold;
    text-decoration:underline;
    font-size:16px;
    margin-left:6px;
    margin-bottom:-5px;
    }
    
    #container h3 a:hover
    
    {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    font-weight:bold;
    text-decoration:underline;
    font-size:16px;
    margin-left:6px;
    margin-bottom:-5px;
    }
    
    #container h4 a:hover
    
    {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    font-weight:bold;
    text-decoration:underline;
    font-size:16px;
    margin-left:6px;
    margin-bottom:-5px;
    }
    
    
    #container p
    
    {
    margin-left:6px;
    margin-right:6px;
    padding-bottom:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:justify;
    border-bottom:solid;
    border-bottom-color:#999999;
    border-bottom-width:1px;
    }

  3. #3
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

  4. #4
    Join Date
    Nov 2005
    Location
    Utica, NY
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

  5. #5
    Join Date
    Nov 2005
    Location
    Utica, NY
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    It looks correct in the Fox and safari.

  6. #6
    Join Date
    Nov 2005
    Location
    Utica, NY
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    i worked on it a bit, basically just needed margin/size tweaking, It's pretty stressful though, how come IE just sux with CSS. Is there ever going to be a "browser Standard" i mean that would be ideal. So i guess it wont happen

  7. #7
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Quote Originally Posted by SayJumner View Post
    i worked on it a bit, basically just needed margin/size tweaking, It's pretty stressful though, how come IE just sux with CSS. Is there ever going to be a "browser Standard" i mean that would be ideal. So i guess it wont happen
    there are standards, and each browser just implements them differently. IE has lost ground lately in the browser market for the fact that people are beginning to realize how much standards compliant browsers are better. IE7 has made some moves in the right direction, but still far from handling standards well.

    As the developer we should create our code so it is friendly with all browsers, which is why we should be testing on different browsers formats as well as different versions. As for why browsers dont implement the "latest n *cough* greatest" standards, well that is because the programmers need to incorporate them into the program, which is why you do get different versions... as new standards and easier / better ways of accomplishing something comes along, they are implemented and released.

    Generally though, if you test on Safari (mac), Firefox, Opera, and Internet Explorer you will have a good chance of encapsulating what 95% of how browsers will display your layout. Just be sure to test at least 1 version back, I like to test 2 versions back, because when a new version is released it usually takes time for people to upgrade... like Vista.... Many windows users are still using XP because Vista is too expensive, and there are still users who are on 98 / 2000, just because its available, doesn't mean everyone will update / upgrade

  8. #8
    Join Date
    Oct 2005
    Posts
    255
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    are you kidding me... I luv IE it has more choices then other browsers and you get so many messed up pages in opera and a little in firefox, but IE is better in my opinion.... and its mostly used!
    Hey new design new look, goto xudas for personal webdsign help.. (:

Bookmarks

Posting Permissions

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