IE Css problem

  • poper

    (@poper)


    21 years, 9 months ago

    Hi,
    I want to add a small graphic at the end of my site ‘breadcrumb’. I’ve used this piece of code:
    <!-- start: breadcrumb -->
    <?php get_breadcrumb() ?>
    <div id="breadcrumb">&nbsp;> pagina principal</div>
    <div id="detail"> <img src="/tests/detalle.gif" width="32" height="12" /></div>
    <!-- end: breadcrumb -->
    where:
    #breadcrumb {
    font-size: 10px;
    background-color: #006699;
    color: white;
    float: left;
    margin: 0px;
    padding: 0px;
    }
    #detail {
    padding: 0px;
    margin: 0px;
    }
    It does what I need as you can see in this screenshot: http://www.pix8.net/pro/pic/19982rvZN/80444.jpg
    But it only works in Firefox and Opera, in IE it looks like this: http://www.pix8.net/pro/pic/19982rvZN/80445.jpg
    It puts a ‘blank space’ between the 2 DIVs. I’ve tried several ways to eliminate it, but i’m not good at CSS, so can you help me, please? Thanks in advance.

Viewing 8 replies - 16 through 23 (of 23 total)
1 2
  • Root

    (@root)

    21 years, 9 months ago

    @ poper: If you get fed up with futzing just email me on blog at atthe404 dot com.

    Thread Starter poper

    (@poper)

    21 years, 9 months ago

    Root, it doesn’t display properly in FF?
    I can see it perfectly, both in FF and IE. Look these screenshot:
    Firefox: http://www.pix8.net/pro/pic/19982rvZN/81029.jpg
    Internet Explorer: http://www.pix8.net/pro/pic/19982rvZN/81030.jpg
    So, what’s wrong? why you see it wrong and I see it right? O_o !

    Root

    (@root)

    21 years, 9 months ago

    Sorry. I just did a Ctrl F5. It looks fine now. I hate Firefox. Just the validation question then.

    Thread Starter poper

    (@poper)

    21 years, 9 months ago

    After some minor fixes, HTML validates, but CSS doesn’t cause I use : -moz-border-radius: 7px; I’ve added width: auto in #breadcumb and it works fine.
    Thanks!

    puppy18

    (@puppy18)

    21 years, 6 months ago

    I know you guys do check out people css and play around with it sometime. i hope you guys can help me out cuz i tried for 10 hours to fix this mini bug.
    I am trying new stuff to release a template for wordpress community since i am being asked for it for quite a number of time.
    It’s kubrick + pictorialis version of wordpress.
    Everthing appears fine in firefox, but in IE everything appears fine until you click on the comment link. When the comments form open up (i didnt use pop up comment although that might easily fix the problem) the whole body template just crumble in IE.
    http://photo.alvinwoon.com
    Pls advise. Thank you in advance.
    Alvin

    puppy18

    (@puppy18)

    21 years, 6 months ago

    Does anyone know how to fix the problem still?

    Joshua Sigar

    (@alphaoide)

    21 years, 6 months ago

    1. Go to index.php and find
    <TEXTAREA id=comment tabIndex=4 name=comment rows=10 cols=100>
    Change it to
    <TEXTAREA id=comment tabIndex=4 name=comment rows=10>
    2. Go to your .css file and add
    #commentform p textarea {
    width: 592px;
    padding: 2px;
    }

    puppy18

    (@puppy18)

    21 years, 6 months ago

    thanks a bunch alpha. I did fix it after all, by using two separate stylesheet, one for the EVIL IE, the other for the rest.

Viewing 8 replies - 16 through 23 (of 23 total)
1 2

The topic ‘IE Css problem’ is closed to new replies.