0

css in IE6 not working?

Hi, I found that present of the css in IE6 & firefox is totally different.
in IE6, what I see is almost nothing to do with css.
Anybody found that? any solutions?

You could check my app
Traveled Cities

Thanks

by
2 Replies
  • Hi - is this in the full page view or in the small view? Can you post the css ur using? IT could be an issue with the caja parser or the browser - an easy way to find out the culprit would be to see if that css works fine when not running in a yap.
    0
  • QUOTE (Xav @ Nov 12 2008, 02:08 PM) <{POST_SNAPBACK}>
    Hi - is this in the full page view or in the small view? Can you post the css ur using? IT could be an issue with the caja parser or the browser - an easy way to find out the culprit would be to see if that css works fine when not running in a yap.

    It's the full page, you could check the link.
    List the css below.
    CODE
    <style>
    /* general (start) {{{ */
    br.clearfix {
    clear:both;
    display:block;
    height: 0px;
    }
    a:link, a:visited {
    color:#006CA2;
    text-decoration:none;
    }
    a:hover {
    text-decoration:underline;
    }
    table {
    width:760px;
    margin:0 auto;
    }
    table td {
    vertical-align:top;
    }
    /* general (end) }}} */
    /* reset.css {{{ */
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset, img {border:0;} address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;} li {list-style:none;} caption, th {text-align:left;} h1, h2, h3, h4, h5, h6 {font:13px/1.231 arial,helvetica,clean,sans-serif;}
    /* }}} */
    /* fonts.css (start) {{{ */
    body {
    font:13px/1.231 arial,helvetica,clean,sans-serif;
    }
    /**
    * Nudge down to get to 13px equivalent for these form elements
    */
    select,
    input,
    button,
    textarea {
    font:99% arial,helvetica,clean,sans-serif;
    }

    /**
    * To help tables remember to inherit
    */
    table {
    font-size:inherit;
    }

    /**
    * Bump up IE to get to 13px equivalent for these fixed-width elements
    */
    pre,
    code,
    kbd,
    samp,
    tt {
    font-family:monospace;
    line-height:100%;
    }
    /* fonts.css (end) }}} */
    /* .yui-button (start) {{{ */
    .yui-button {
    background:transparent url(http://l.yimg.com/us.js.yimg.com/lib/ks/tw/i8/sprite_sam.png) repeat-x scroll 0 0;
    border-color:#808080;
    border-style:solid;
    border-width:1px 0;
    display:inline-block;
    margin:auto 0.25em;
    }
    .yui-button .first-child {
    border-color:#808080;
    border-style:solid;
    border-width:0 1px;
    display:block;
    margin:0 -1px;
    overflow:hidden;
    position:relative;
    }
    .yui-button .first-child span {
    color:#464646;
    display:block;
    font-weight:bold;
    line-height:2;
    min-height:2em;
    padding:0 16px 0;
    }
    .yui-button .first-child input {
    background:blue none repeat scroll 0 0;
    cursor:pointer;
    font-size:100px;
    height:1000px;
    left:0;
    opacity:0;
    padding:100px;
    position:absolute;
    top:0;
    width:1000px;
    }
    /* .yui-button (end) }}} */
    /* .side-module (start) {{{ */
    .side-module {
    margin-bottom:1em;
    }
    .side-module .hd h2 {
    color:#666;
    font-weight:bold;
    font-size:123.1%;
    padding:5px 0;
    }
    .side-module .hd {
    border-bottom:solid 1px #999;
    margin-bottom:10px;
    }
    /* .side-module (end) }}} */
    /* .main-module (start) {{{ */
    .main-module {
    background:#fff;
    margin:0 10px 1em;
    position:relative;
    overflow:hidden;
    }
    .main-module .hd {
    padding:10px 10px 0;
    }
    .main-module .hd h2 {
    color:#E45800;
    font-size:123.1%;
    }
    .main-module .bd {
    padding:10px;
    }
    .main-module .ft {
    text-align:right;
    margin:5px;
    padding:10px;
    }
    .main-module .x1,
    .main-module .x2,
    .main-module .x1a,
    .main-module .x2a {
    background:url(http://www.golfly.com.tw/yap2/img/mod-bg.jpg) no-repeat;
    display:block;
    font-size:0;
    }
    .main-module .x1, .main-module .x2 {
    position:absolute;
    width:100%;
    z-index:1;}
    .main-module .x1 {background-position:100% 0;left:0;top:0;z-index:0;}
    .main-module .x2 {background-position:100% 100%;left:0;bottom:0;z-index:1;}
    .main-module .x1a {width:300px;height:600px;}
    .main-module .x2a {width:300px;height:50px;}
    .main-module .x2a {background-position:0 100%;}
    .main-module .mod-content {background:transparent;position:relative;z-index:2;}
    /* .main-module (start) }}} */
    /* .list-module (start) {{{ */
    .list-module .bd ul li {
    float:left;
    }
    .list-module .bd ul li div {
    padding:3px;
    }
    /* .list-module (end) }}} */
    /* #add : inc/add_city.php (start) {{{ */
    #add label {
    color:#369;
    font-weight:bold;
    }
    #add .button-group {
    margin-top:1em;
    }
    /* #add : inc/add_city.php (end) }}} */
    /* #been : inc/been_city (start) {{{ */
    #been .x2a {width:300px;height:300px;}
    #been .bd .map {
    margin:0 auto;
    height:300px;
    text-align:center;
    width:500px;
    }
    #been ul {
    margin-top:1em;
    }
    #been ul li {
    float:left;
    text-align:center;
    width:78px;
    font-size:10px;
    overflow:hidden;
    height: 110px;
    }
    #been ul li a {
    display:block;
    text-align:center;
    margin-top:5px;
    }
    /* #been .inc/been_city.php (end) }}} */
    #left_connection ul {
    margin-top:1em;
    }
    #left_connection ul li {
    float:left;
    text-align:center;
    width:52px;
    font-size:10px;
    overflow:hidden;
    height: 52px;
    }
    #city_image ul li a {
    display:block;
    text-align:center;
    margin-top:5px;
    }
    #city_image ul {
    margin-top:1em;
    }
    #city_image ul li {
    float:left;
    text-align:center;
    width:80px;
    font-size:10px;
    overflow:hidden;
    height: 80px;
    }
    #left_connection ul li a {
    display:block;
    text-align:center;
    margin-top:5px;
    }
    #news ul li a {
    display:block;
    margin-top:5px;
    }
    #news ul {
    margin-top:1em;
    }
    #news ul li h3{
    font-size:16px;
    margin-bottom:5px;
    font-weight:bold;
    border-bottom:solid 1px #999;

    }
    #news ul li .img{
    float:left;
    width:15%;
    }
    #news ul li .txt{
    float:right;
    width:85%;
    }
    #news ul li .txt p{
    font-size:12px;
    }
    /* #head : inc/head.php (start) {{{ */
    #head {
    background:url(http://l.yimg.com/a/i/us/uh/bt2/travel_spritev2.gif) repeat-x 0 -793px;
    }
    #head .title {
    padding:1em;
    }
    #head .title h1 a {
    color:#fff;
    font-weight:bold;
    font-size:197%;
    text-decoration:none;
    }
    #head .title em {
    color:#000;
    font-size:93%;
    }
    /* #head : inc/head.php (end) }}} */
    /* #nav : inc/navigation.php (start) {{{ */
    #nav {
    background:#efefef url(http://l.yimg.com/a/i/travel/tg/ui/sprite_repx_11.png) 0 -950px repeat-x;
    border:solid 1px #666;
    border-width:1px 0;
    margin-bottom:1px;
    }
    #nav ul li {
    border-left:solid 1px #666;
    border-right:solid 1px #fff;
    float:left;
    }
    #nav ul li a {
    color:#666;
    display:block;
    text-align:center;
    text-decoration:none;
    padding:0.3em 2em 0.4em;
    }
    #nav ul li.first {
    border-right:solid 1px #fff;
    border-left:none;
    width:1em;
    height:1.7em;
    }
    #nav ul li.last {
    border-left:solid 1px #666;
    border-right:none;
    width:1em;
    height:1.8em;
    }
    #nav ul li a:hover {
    background:#333;
    color:#fff;
    }
    /* #nav : inc/navigation.php (end) }}} */
    /* #other : inc/other.php (start) {{{ */
    #other .bd{
    margin-bottom:1em;
    overflow:auto;
    height:500px;
    }

    #other li {
    text-align:center;
    font-size:10px;
    width:33%;
    overflow:hidden;
    height: 110px;
    }
    #other li img {
    width:70px;
    height:70px;
    }
    /* #other : inc/other.php (end) }}} */
    /* #profile : inc/profile.php (start) {{{ */
    #profile {
    margin:0 1em 1em;
    }
    #profile .mod-content {
    background:url(http://apps.yahoo.com/devtool/static/images/snow/app_info_box.png) left bottom no-repeat;
    padding-left:10px;
    }
    #profile .bd {
    background:url(http://apps.yahoo.com/devtool/static/images/snow/app_info_box.png) right bottom no-repeat;
    padding:10px 10px 10px 0;
    }
    #profile .img {
    width:50px;
    float:left;
    }
    #profile .img a,
    #profile .img a img {
    display:block;
    }
    #profile .img a {
    border:solid 1px #ccc;
    }
    #profile .txt {
    color:#679800;
    float:left;
    font-weight:bold;
    font-size:174%;
    margin-left:10px;
    }
    /* #profile : inc/profile.php (end) }}} */
    /* #update : inc/update_city.php (start) {{{ */
    #update .button-group {
    margin-top:1em;
    }
    #update .bd{
    height:200px;
    overflow:auto;
    }
    #update ul li {
    width:33%;
    font-size:10px;
    }
    #update ul li label {
    color:#666;
    margin-right:3px;
    }
    /* #update : inc/update_city.php (end) }}} */
    </style>
    0

Recent Posts

in YAP