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
    Jul 2010
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Can someone experienced check this simple CSS for cross-browser compatibility issues?

    I'd really appreciate it. I found this code for a fluid/fixed/fluid 3-column layout and really hope it will work universally!




    <style type="text/css">
    body {margin:0;padding:0}
    #left_outer {
    width:50%;
    float:left;
    margin-right:-475px;
    }
    #left{
    margin-right:475px;
    height:450px;
    background-image:url('bkg2.jpg');
    background-position:right;
    }
    #center {
    width:950px;
    height:450px;
    float:left;
    position:relative;
    z-index:10;
    color:#fff;
    }
    #right_outer {
    width:50%;
    position:absolute;
    right:0;
    }
    #right {
    margin-left:475px;
    height:450px;
    background-image:url('bkg2.jpg');
    background-position:left;
    }
    </style>
    </head>
    <body>
    <div id="left_outer">
    <div id="left">
    </div>
    </div>
    <div id="center">
    </div>
    <div id="right_outer">
    <div id="right">
    </div>
    </div>
    </body>
    </html>
    Last edited by realrealtomato; 01-21-2012 at 10:03 AM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    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 Coder
    Join Date
    Jul 2010
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Only problem is the page isn't live and I don't have hosting yet, so I have no URL to enter. Was hoping someone on here would just know how the negative margins like these work from experience. Thanks anyway.

  • #4
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    831
    Thanks
    10
    Thanked 79 Times in 77 Posts
    You can copy/paste any code you want validated:

    CSS Validator: http://jigsaw.w3.org/css-validator/
    HTML Validator: http://validator.w3.org/#validate_by_uri+with_options
    W3C mobileOK Checker by URI (Also File Upload or Direct Input: http://validator.w3.org/mobile/check...%2F&async=true
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

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