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 12 of 12
  1. #1
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    urgent! pls help....

    Hi here is the css file which it work fine in IE7, firefox & gogole chrome but it doesnt work fine in IE 6, anyone can help pls? thanks a lot....


    <style type="text/css">
    .b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
    .b1 {height:1px; background:#162121; margin:0 5px;}
    .b2 {height:1px; background:#FFFFFF; border-right:2px solid #162121; border-left:2px solid #162121; margin:0 3px;}
    .b3 {height:1px; background:#FFFFFF; border-right:1px solid #162121; border-left:1px solid #162121; margin:0 2px;}
    .b4 {height:2px; background:#FFFFFF; border-right:1px solid #162121; border-left:1px solid #162121; margin:0 1px;}
    .co { background: #FFFFFF; border-right:1px solid #162121; border-left:1px solid #162121;padding-bottom: 20px;}
    .co div {margin-left: 1px;padding:0 0 0 0;}

    .box{
    overflow:auto;
    display:table;
    background-color:#FFFFFF;

    }





    #h1{
    width:450px;
    height:200px;
    padding:1px 1px;

    }

    #h1 .ad{
    width:200px;
    float:left;
    }


    </style>



    /**html code**/

    <div id="h1">
    <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
    <div class="co">

    <div class="box">
    <div class="ad">
    <h2>abcdefghijklmnopqrstuvwxy</h2>
    <h4>xzcx czxmcbx zxnz cmzx cvxcb mbghju </h4><!--desc-->
    </div>
    </div>
    </div>
    <div class="bd">

    <b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b></div>
    </div>

  • #2
    Regular Coder ninnypants's Avatar
    Join Date
    Apr 2008
    Location
    Utah
    Posts
    504
    Thanks
    10
    Thanked 47 Times in 47 Posts
    what exactly isn't working? Also 'h1' is a html tag so it cannot be used as an ID

  • #3
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    the .co border cannot extended in ie6 once the content extended

  • #4
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Have you a link so we can see?

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #5
    New Coder
    Join Date
    Apr 2008
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    sorry dun hv link...

  • #6
    Regular Coder ninnypants's Avatar
    Join Date
    Apr 2008
    Location
    Utah
    Posts
    504
    Thanks
    10
    Thanked 47 Times in 47 Posts
    The only problem I can see is that you have some unclosed div's that may be causing problems. Also I'm not sure but you may not be able to style 'b' elements in IE6 because it does not have full CSS support but that isn't a fact it's just a guess. maybe try div's

  • #7
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,876
    Thanks
    6
    Thanked 1,035 Times in 1,008 Posts
    Quote Originally Posted by coffeeping View Post
    [blabla]
    I’d say before expecting/getting any help you should read the posting guidelines, especially points 2 and 3 and rethink your question.

  • #8
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Quote Originally Posted by ninnypants View Post
    Also 'h1' is a html tag so it cannot be used as an ID
    No such rules, but shouldn't be used as it' may confuse the developer. (you may use something like #header)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #9
    New Coder
    Join Date
    Feb 2008
    Posts
    55
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by coffeeping View Post
    Hi here is the css file which it work fine in IE7, firefox & gogole chrome but it doesnt work fine in IE 6, anyone can help pls? thanks a lot....


    <style type="text/css">
    .b1, .b2, .b3, .b4{
    font-size:1px; overflow:hidden; display:block;
    }
    b1 {
    height:1px; background:#162121; margin:0 5px;
    }
    b2 {
    height:1px; background:#FFFFFF; border-right:2px solid #162121; border-left:2px solid #162121; margin:0 3px;
    }
    b3 {
    height:1px; background:#FFFFFF; border-right:1px solid #162121; border-left:1px solid #162121; margin:0 2px;
    }
    b4 {
    height:2px; background:#FFFFFF; border-right:1px solid #162121; border-left:1px solid #162121; margin:0 1px;
    }
    co {
    background: #FFFFFF;
    border-right:1px solid #162121;
    border-left:1px solid #162121;padding-bottom: 20px;
    }
    co div {
    margin-left: 1px;padding:0 0 0 0;
    }


    .box{
    overflow:auto;
    display:table;
    background-color:#FFFFFF;

    }





    #h1{
    width:450px;
    height:200px;
    padding:1px 1px;

    }

    #h1 .ad{
    width:200px;
    float:left;
    }


    <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
    <div class="co">

    <div class="box">
    <div class="ad">
    <h2>abcdefghijklmnopqrstuvwxy</h2>
    <h4>xzcx czxmcbx zxnz cmzx cvxcb mbghju </h4><!--desc-->
    </div>
    </div>
    </div>
    <div class="bd">

    <b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b></div>
    </div>
    hmm how about make like this one

    <html>
    <head>
    <!--
    body {
    .b1, .b2, .b3, .b4;
    }

    Font {

    font-size:1px; overflow:hidden; display:block;
    }

    background 1 {
    b1 height:1px; background:#162121; margin:0 5px;
    }
    background 2 {
    b2 {height:1px; background:#FFFFFF; border-right:2px solid #162121; border-left:2px solid #162121; margin:0 3px;
    }

    Background 3 {
    height:1px;
    background:#FFFFFF; border-right:1px solid #162121;
    border-left:1px solid #162121; margin:0 2px;
    }
    Background 4 {
    height:2px; ]
    background:#FFFFFF;
    border-right:1px solid #162121;
    border-left:1px solid #162121;
    margin:0 1px;}
    CO {
    background: #FFFFFF;
    border-right:1px solid #162121;
    border-left:1px solid #162121;padding-bottom: 20px;}

    co div
    {margin-left: 1px;padding:0 0 0 0;
    }

    .box{
    overflow:auto;
    display:table;
    background-color:#FFFFFF;

    }


    h1{
    width:450px;
    height:200px;
    padding:1px 1px;

    }

    h1 .ad{
    width:200px;
    float:left;
    }


    </style></style><!--[if IE]>
    <style type="text/css">
    /* place css fixes for all versions of IE in this conditional comment */
    /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    </style>
    <![endif]--></head>
    <body class ="what the name for your templates name - save with .css files in your database and make some extension link with it.">
    <div (( *give the contain for name after you done with that div contain drive used </div>))>
    <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
    <div class="co">

    <div class="box">
    <div class="ad">
    <h2>abcdefghijklmnopqrstuvwxy</h2>
    <h4>xzcx czxmcbx zxnz cmzx cvxcb mbghju </h4><!--desc-->
    </div>
    </div>
    </div>
    <div class="bd">

    <b class="b4"></b>
    <b class="b3"></b>
    <b class="b2"></b>
    <b class="b1"></b>
    </div>
    </head>
    </html>

    i hope thats code working
    Last edited by destruction; 09-26-2008 at 11:51 AM. Reason: not completed reply
    Regards,
    D

  • #10
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,864
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Hi destruction,
    please use [code][/code] tags to wrap your code while posting here (you may edit your recent posts, if required).
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #11
    New Coder
    Join Date
    Feb 2008
    Location
    England
    Posts
    31
    Thanks
    6
    Thanked 0 Times in 0 Posts
    I recommend not using the <b> tag at all as your should really use the <strong> tag for bold text this seems to be the trend for how the internet is moving and helps a lot more with screen readers (good practice)

  • #12
    New Coder
    Join Date
    Feb 2008
    Posts
    55
    Thanks
    1
    Thanked 0 Times in 0 Posts
    ~_^ yupz thank you i'm forgot xD


  •  

    Posting Permissions

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