Results 1 to 6 of 6

Thread: IE7 and Firefox2, need some hint with lists and bq image

  1. #1

    IE7 and Firefox2, need some hint with lists and bq image

    I've got a little problem. Image: [img=http://img55.imageshack.us/img55/5001/differencesie7firefox2mp2.th.png]
    First <li> bullet isn't showing in ie7 and there's no second 'quote mark'. I'm tired of thinking about that and absolutely have no idea hot to solve it.
    Blockquote CSS:
    Code:
    blockquote {
        background:url(quotes1.png);
        background-position:0 2px;
        background-repeat:no-repeat;
        margin:0.8em 0 0.8em 3em;
        padding-left:20px
    }
    
    blockquote p {
        background:url(quotes2.png);
        background-position:bottom right;
        background-repeat:no-repeat;
        display:inline;
        padding-right:20px
    }
    Lists CSS
    Code:
    div#comments {clear:both}  
    ol.commentlist {
        float:left;
        font-size:0.95em;
        margin-top:10px
    }
    
    .commentlist li {
        background:transparent url(comm_bubble.gif) no-repeat scroll center bottom;
        color:#FFFFFF;
        margin-bottom:20px;
        padding-bottom:38px;
        width:413px;
    }
    
    .commenttext {
        background:transparent url(bg_comm.jpg) no-repeat;
        padding:22px 22px 20px
    }
    
    .commentlist cite {
        background:url(bg_cite_arrows.gif) bottom repeat-x;
        color:#FFF;
        display:block;
        font-size:1.1em;
        font-style:normal;
        font-weight:700;
        padding-bottom:8px;
        text-transform:uppercase
    }
    .commentlist cite a, .commentlist cite span{
        position:relative;bottom:7px
    }
    
    .commentlist a:link,.commentlist a:visited {
        color:#fff9b9
    }
    
    .commentlist a:hover,.commentlist a:active {
        color:#FFF
    }
    
    .commentlist .daste {
        background:#930e27;
        padding:3px
    }
    
    .commenttext {
        min-height:90px
    }
    .commenttext li {list-style-type:square;background:none;margin:1px 0 0 20px;padding:0;width:96%}
    Everything has been reseted before by Eric's Reset
    Hope someone gonna find solution for this mess...

  2. #2
    Can I get some HTML too?
    - redelite -

    Harry: "Yeah, she stopped me in the lobby, and explained what was up. Then they slapped this bulletproof vest on me and gave me a gun!"
    Lloyd: "But what if he'd shot ya in the face...?"

  3. #3
    Yea, IE sucks,

    I've fixed this bug in this other thread, http://www.kirupa.com/forum/showthre...ighlight=count

    (note: solution is for an ordered list, but will apply to an unordered list)

    Read through it, the solution is an amalgamation of various things.

    As for the lack of closing quote, can you post a link?
    Last edited by fasterthanlight™; May 23rd, 2008 at 10:24 AM.

  4. #4
    HTML
    Code:
    	<div id="comments">
    		<h2>Komentarze</h2>
    		<ol class="commentlist">
    			<li id="12343234" class="alt">
    				<div class="commenttext">
    					<span class="num">#694</span>
    					<div class="comment-body">
    						<cite>
    							<img width="16" height="16" alt="" src="http://off.jogger.pl/files/favicon.ico"/>
    							<a href="http://off.jogger.pl">Rockstyle</a>
    						</cite>
    						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, ultrices vel, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lorLorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, ultrices vel, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lor</p>
    						<p>
    							<ul>
    								<li>ladipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, <strong>ultrices vel</strong>, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lornasrane we <em>łbie</em>
    								adipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, <strong>ultrices vel</strong>, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lornasrane we <em>łbie</em>ol</li>
    								<li>asdkasd</li>
    								<li>asdasd</li>
    							</ul>
    						</p>
    						<blockquote cite="http://lol.pl">
    							<p>Xasdasd A ty masz Lorem <span style="font-size:1.3em">ipsum dolor sit amet</span>, consectetuer adipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, <strong>ultrices vel</strong>, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lornasrane we <em>łbie</em></p>
    							<ul>
    								<li>loasadipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, <strong>ultrices vel</strong>, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lornasrane we <em>łbie</em>adipiscing elit. Vestibulum a est. Mauris magna tellus, convallis et, <strong>ultrices vel</strong>, ornare ut, sem. Nunc vel eros ut nisl euismod sollicitudin. Suspendisse leo. lornasrane we <em>łbie</em>ld</li>
    								<li>asdasd</li>
    							</ul>
    						</blockquote>
    					</div>
    					<div class="comment-info">
    						<span class="date"><a href="#comment-345" title="">3:41 on 5/15/07</a> | edit</span>
    					</div>
    				</div>
    			</li>

  5. #5
    The quote isn't showing up because you define the <p> tag as inline, which does not allow you to modify any height, and since there is no height, IE has issues.

    Switch it to display: block; but i'm not too sure it won't mess up anything

  6. #6
    display: block;
    doesn't work

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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

Home About kirupa.com Meet the Moderators Advertise

 Link to Us

 Credits

Copyright 1999 - 2012