Grow your CSS skills. Land your dream job.

In Firefox it looks fine, but in IE 6-7-8 not!

  • # May 20, 2010 at 11:08 am

    Hello,

    How can I solve this problem? I’m going crazy from yesterday…

    In Firefox:
    http://img714.imageshack.us/img714/7962/15901485.png

    In Explorer:
    http://img375.imageshack.us/img375/7568/50261743.png

    Unfortunately I can’t link anything, because I’m testing everything in my computer using Xamp.
    If you want, I can post the CSS and the PHP.

    Thank you in advance!
    Bye.

    Rob
    # May 20, 2010 at 11:51 am

    yea would really need some code to work from – even if it’s just the outputted HTML and CSS – don’t need the PHP

    # May 20, 2010 at 12:27 pm

    PHP:

    Code:
    < ?php query_posts('category_name=Senza categoria&posts_per_page=10'); ?>
    < ?php if (have_posts()) : while (have_posts()) : the_post(); $index++; ?>

    “>< ?php the_title(); ?>

    Leggi l’articolo
    Lascia un commento

    < ?php endwhile; endif; ?>

    CSS:

    Code:
    /* Global */
    html, body { text-align: center; }
    * { padding:0; margin:0; text-decoration:none; }
    a { color:#297EB9; }
    a:hover { color:#333333; }

    /* Body */
    body { margin:0; background-color:#DDDDDD; font-family:Arial; font-size:0.75em; }
    .wrapper { width:1000px; margin-left:auto; margin-right:auto; }
    .clear { clear:both; }

    /* Index */
    .big-column { width:660px; margin-top:10px; margin-right:10px; float:left; position:relative; }
    .idTabs { color:black; height:245px; -moz-border-radius:10px; border:1px solid #BBBBBB; }
    .feat-top { height:35px; border:1px solid #BBBBBB; background:-moz-linear-gradient(top,#DEDEDE,#FFFFFF,#DEDEDE); -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; }
    .feat-top h1 { margin:0; float:left; font-size:1.5em; font-weight:normal; line-height:35px; padding-left:20px; }
    #left-column { float:left; width:324px; margin-right:10px; margin-bottom:10px; }
    #right-column { float:right; width:324px; margin-bottom:10px; }
    .cat { background-color:#F3F2F2; color:black; margin-top:10px; -moz-border-radius:10px; border:1px solid #BBBBBB; }
    .cat h3 { margin:0; height:35px; border-bottom:1px solid #BBBBBB; line-height:35px; padding-left:20px; font-size:1.1em; font-weight:bold; background:-moz-linear-gradient(top,#DEDEDE,#FFFFFF,#DEDEDE); -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; text-align:left; }
    .cat h4 { background:-moz-linear-gradient(top,#DEDEDE,#FFFFFF,#DEDEDE); margin:0; height:35px; border-top:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; line-height:35px; padding-left:10px; font-size:1em; font-weight:bold; }
    #other-content { overflow:hidden; background-color:#FFFFFF; }
    #more-stories { background-color:#FFFFFF; overflow:hidden; }
    .end-cat { background-color:#F3F2F2; height:12px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; background:-moz-linear-gradient(bottom,#FFFFFF,#DEDEDE); }
    #feat-content { background-color:#FFFFFF; overflow:hidden; border-right:1px solid #BBBBBB; border-left:1px solid #BBBBBB; }
    .end-feat { height:18px; background:-moz-linear-gradient(bottom,#FFFFFF,#DEDEDE); -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; border:1px solid #BBBBBB; }
    .feat-list { float:right; text-align:right; padding-right:20px; }
    .feat-list ul { list-style:none; margin:0; padding:0; }
    .feat-list ul li { display:inline; margin-left:9px; padding:0; }
    .feat-list ul li a.tabactive { background-color:#297EB9; }
    .feat-list ul li a { display:inline; line-height:35px; padding-right:3px; padding-left:3px; font-size:0.5em; -moz-border-radius: 10px; border:1px solid #808080; }
    .feat-list ul li a:hover { background-color:#297EB9; }
    #feat-content .thumb { width:180px; float:left; height:130px; overflow:hidden; margin-left:15px; margin-top:15px; border:1px solid #BBBBBB; }
    #feat-content h2 { float:right; margin-top:15px; margin-right:15px; padding:0; width:431px; text-align:left; margin-left:15px; font-size:1.8em; margin-bottom:0; border:0; }
    #feat-content p { float:right; margin-top:15px; margin-right:15px; padding:0; width:431px; text-align:justify; margin-left:15px; font-size:1em; margin-top:15px; margin-bottom:15px; }
    #feat-content .continue-reading { float:right; width:431px; text-align:left; margin-right:15px; }
    #feat-content .comments { float:right; width:431px; text-align:left; margin-right:15px; margin-top:5px; margin-bottom:10px; }
    #feat-content ul li { list-style:none; margin:0; padding:0; }

Rob
# May 20, 2010 at 12:54 pm

Like I said – if you could copy and paste from "view source" instead of giving the PHP it would be a lot easier :)

# May 21, 2010 at 11:11 am

OK, sorry.

Code:

In primo piano

lorem ipsum himenaeos sagittis, sit.

q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y q w e r t y…

Leggi l’articolo
Lascia un commento

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".