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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy CSS Problems With IE :(

    Hi i was wondering if i could get a hand with some css i have, its working properly on firefox but its not working with explorer ( i have the ie7 patch)...

    Ive included the css i think its #header3b1 causing the problem...

    ( i know its a nightmare)
    Code:
    charset "UTF-8";
    /* CSS Document */
    
    /* CSS Document */
    
    body {
    background-color:#F5E9D9; margin:0; color:#4D4747;
    }
    img {
    	border:none;
    }
    div, h2, a, img, p {
    	margin:0; padding:0;
    }
    .spacer {
    	line-height:0; font-size:0; clear:both;
    }
    #frame {
    width:761px;
    height:895px;
    background-color:#F5E9D9;
    margin:auto; color:#4D4747;
    }
    
    #container1 {
    width:751px;
    height:142px;
    padding-left:5px;
    padding-right:5px;
    float:left;
    background-color:#F5E9D9; color:#4D4747;
    }
    
    #header1 {
    width:185px;
    height:142px;
    background-color:#551001;
    float:left; color:#4D4747;
    }
    
    #header2 {
    width:280px;
    height:102px;
    float:left;
    padding-left:24px;
    padding-top:40px;
    }
    
    #header3 {
    width:262px;
    height:142px;
    float:right;
    }
    
    #header3a {
    width:240px;
    height:43px;
    background-color:#F5E9D9;
    float:right;
    padding-top:67px;
    padding-right:22px;
    text-align:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#AA8780;
    }
    
    .nav a{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#AA8780; background-color:inherit;
    font-weight:normal;
    text-decoration:none;
    }
    
    .nav:hover{
    	color:#6D2517; background-color:inherit;
    }
    
    #header3b {
    width:262px;
    height:32px;
    }
    
    #header3b1 {
    float: left;
    width:185px;
    height:350px;
    background-color:#551001;
    display: block;
    }
    
    #header3b2 {
    width:50px;
    height:32px;
    background-repeat:no-repeat;
    background-position:top right;
    }
    
    #container2 {
    width:751px;
    height:195px;
    padding-left:5px;
    padding-right:5px;
    }
    
    #container2a {
    width:489px;
    height:195px;
    float:left;
    }
    
    #container2b {
    width:260px;
    height:193px;
    border:1px solid #F2DBBA;
    float:right;
    }
    
    #container2b1 {
    width:220px;
    height:Auto;
    margin:auto;
    padding-top:14px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:justify;
    }
    
    .container2b2 {
    width:200px;
    height:22px;
    padding-left:20px;
    margin:auto;
    }
    
    .links {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#551001; background-color:inherit;
    font-weight:bold;
    text-decoration:none;
    }
    
    .links:hover {
    	color:#C15740;background-color:inherit;
    }
    
    #container3 {
    width:751px;
    height:350px;
    padding-left:5px;
    padding-right:5px;
    }
    
    #container3a {
    width:151px;
    height:498px;
    background-color:#551001;
    float:left; color:#4D4747;
    padding-left:34px;
    }
    
    .container3a1 {
    width:121px;
    height:24px;
    border-top:1px solid #AA8880;
    padding-left:22px;
    padding-top:7px;
    }
    
    #container3b {
    width:304px;
    height:495px;
    float:left;
    margin:0 0 12px;
    overflow: hidden;
    }
    #container3bb {
    width:550px;
    height:495px;
    float:left;
    margin:0 0 12px;
    }
    
    #container3b1 {
    width:240px;
    height:auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#4D4747;
    font-weight:normal;
    text-decoration:none;
    margin:16px 32px 0px 32px;
    text-align:justify;
    line-height:14px; background-color:inherit;
    }
    #container3b1 h2 {
    	height:33px; text-indent:-2000px;
    	background:url(images/welcome.gif) 0 10px no-repeat;
    }
    
    .container3b2 {
    width:240px;
    height:28px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#FF0000;
    font-weight:normal;
    text-decoration:none;
    margin:0px 0px 0px 32px;
    text-align:right;
    background-color:inherit;
    }
    .container3b2:hover {
    color:#830202; background-color:inherit;
    }
    
    #container3b3 {
    width:227px;
    height:28px;
    padding-left:13px;
    padding-top:9px;
    margin:0px 32px 0px 32px;
    text-indent:-2000px;
    }
    
    #container3b4 {
    width:238px;
    height:202px;
    margin:0px 32px 0px 32px;
    background-repeat:no-repeat;
    background-position:top right;
    }
    
    #container3b4a {
    width:100px;
    height:176px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:14px;
    padding-left:10px;
    padding-top:15px;
    }
    
    .brown {
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:12px;
    	color:#7E1A02; background-color:inherit;
    	text-decoration:none;
    	font-weight:normal;
    }
    .brown:hover {
    color:#3B0B00; background-color:inherit;
    text-decoration:underline;
    }
    
    #container3c {
    width:262px;
    height:490px;
    float:left;
    margin:0 0 12px;
    }
    
    .container3c1 {
    width:231px;
    height:30px;
    background-color:#AC3A02; color:#4D4747;
    padding-top:7px;
    padding-left:9px;
    margin-top:22px;
    }
    .container3c1 h2 {
    	background:url(images/specials.gif) 0 0 no-repeat; text-indent:-2000px;
    }
    .container3c11 {
    width:231px;
    height:30px;
    background-color:#AC3A02; color:#4D4747;
    padding-top:4px;
    padding-left:9px;
    margin-top:22px;
    }
    .container3c11 h2 {
    	background:url(images/gallery_side.gif) 0 0 no-repeat; text-indent:-2000px;
    }
    .special {
    	margin-top:55px;
    }
    .special h2 {
    	background:url(images/some_specials.gif) 0 0 no-repeat; text-indent:-2000px;
    }
    #container3c2 {
    width:233px;
    height:350px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-image:url(images/special.jpg);
    border-bottom:1px solid #F2DBBA;
    border-left:1px solid #F2DBBA;
    border-right:1px solid #F2DBBA;
    background-repeat:no-repeat;
    background-position:bottom left;
    }
    #container3c22 {
    width:233px;
    height:170px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:#F2DBBA;
    border-bottom:1px solid #F2DBBA;
    border-left:1px solid #F2DBBA;
    border-right:1px solid #F2DBBA;
    background-repeat:no-repeat;
    background-position:bottom left;
    }
    #container3c2a {
    width:104px;
    height:350px;
    float:right;
    padding-right:14px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#7E1A02; background-color:inherit;
    text-decoration:none;
    font-weight:normal;
    line-height:12px;
    }
    
    #container3c2a1 {
    width:80px;
    height:auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-decoration:none;
    font-weight:normal;
    text-align:justify;
    float:right;
    padding-left:24px;
    }
    
    .container3c2a2 {
    width:188px; color:#4D4747;
    height:179px;
    background-color:#F5E9D9;
    border-bottom:1px solid #F2DBBA;
    border-left:1px solid #F2DBBA;
    border-right:1px solid #F2DBBA;
    padding-left:25px;
    padding-right:25px;
    padding-top:22px;
    }
    
    .img {
    width:99px;
    height:86px;
    float:left;
    }
    .img1 {
    width:99px;
    height:79px;
    float:left;
    }
    
    .text {
    width:80px;
    height:78px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#7E1A02; background-color:inherit;
    line-height:12px;
    float:right;
    text-align:justify;
    }
    
    .dummy  {
    clear:both;
    }
    
    a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#7E1A02; background-color:inherit;
    text-decoration:none;
    font-weight:normal;
    text-align:right;
    }
    
    a:hover {
    color:#B25B46; background-color:inherit;
    text-decoration:underline;
    text-align:right;
    }
    
    .blank {
    width:186px;
    height:86px;
    
    }
    
    #container4 {
    width:751px;
    padding-left:5px;
    padding-right:5px;
    background-color:#F5E9D9; color:#4D4747;
    margin:0px 0px 0 0px;
    }
    
    #container4a {
    width:489px;
    height:22px;
    background-color:#E0E0E0; color:#4D4747;
    float:left;
    padding-top:10px;
    }
    
    #container4b {
    width:262px;
    height:22px;
    background-color:#551001;
    float:right;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFFFFF;
    padding-top:10px;
    }
    #container4 p {
    	text-align:center; clear:both; padding:15px 0;
    	font:12px/18px Arial, Helvetica, sans-serif;
    }
    .scroller {
    overflow-y: auto;
    overflow-x: hidden;
    }
    the site add is www.arya.com.au

    thanks for any help

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    To expect cross browser support, you'd need to fix all markup errors in your document, see http://validator.w3.org/check?uri=ht...Inline&group=0
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    okays i have fixed up the validation errors, still getting errors - any one got any other ideas ?

  • #4
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts
    The site is valid.

    However, if you use the HTML 4.01 Transitional Doctype, do not use XHTML shorttags.

  • #5
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yea, thanks, ill work on that stuff after i fix the floating div problem...no one has any ideas about that?


  •  

    Posting Permissions

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