WordPress.org

Ready to get started?Download WordPress

Forums

Space between "storycontent" and "feedback" on Mozilla (11 posts)

  1. Bampi
    Member
    Posted 9 years ago #

    Hi all,

    I have a weird problem with Mozilla.

    When I view my blog (excuse me, it's Japanese only) with Safari, IE6.0 (Win), IE 5.2 (Mac) and Opera 7.0 (Win), it looks almost as I intend.
    However, with Firefox 1.0 (Mac & Win) and Netscape 7.2 (Mac), it has weird space between post (div class storycontent) and footer (div class feedback).
    It doesn't happen on every post but only some posts, and as far as I can see, I don't find any relevance between those posts with problem.

    You can see what I mean right here.
    As you can see, top post doesn't have any space, but botoom one does.
    My css file is right here and please feel free to take a look.

    Any comment will be welcomed. Thank you in advance.

  2. NuclearMoose
    Member
    Posted 9 years ago #

    I've had a look at your CSS, Bampi. Got me scratching my head here. I can't seem to find a reason for this, but I'll come back to it later for another try.

  3. mosco
    Member
    Posted 9 years ago #

    I had a similar spacing problem, not exactly the same though so I'm not sure this will work for you. I added a <div class="clear">&nbsp;</div> after the closing post div tag and before the next div tag. It gets rid of any inheritance between the div's.

  4. Bampi
    Member
    Posted 9 years ago #

    Thank you, NuclearMoose and mosco!!

    NuclearMoose,
    I hope you will find something I can't find.

    mosco,
    I tried <div class="clear"> </div> after storycontent and before feedback, it didn't seem to do any magic.
    But I never thought about that idea. Thank you very much, anyway.

  5. NuclearMoose
    Member
    Posted 9 years ago #

    The clearer div is for something altogether different. It doesn't stop inheritance, either, rather it's used for positioning divs properly on a page.

  6. basketball
    Member
    Posted 9 years ago #

    Uhm thats like a 1px space difference in a few browsers, have you checked your site in IE?

    Well in IE 6.0 (win), your site's
    -menu is at the bottom of the page
    -none of the posts line up (don't have the same width)
    -and parts of the right borders in your posts have disappeared

    Though it looks really nice in firefox in my opinion

  7. NuclearMoose
    Member
    Posted 9 years ago #

    Bampi,
    It may be structural, rather than a CSS problem. In your index.php try moving the feedback div INSIDE of the post div and see if that changes anything.

  8. Bampi
    Member
    Posted 9 years ago #

    OK, guys, thank you very much for your help.

    basketball,
    For some reason, to me it looks almost flawless in IE 6.0 (Win) and IE 5.2 (Mac).
    If you saw my site as you described, possibly you took a look at it when I messed up my CSS file, but I corrected it right away.
    (BTW, I like basketball, I rather play than watch)

    NuclearMoose,
    My friend told me that already and I tried it, but it seemed to do no magic. When I did it, space just moved to AFTER feedback div.

    I removed all line-height property from storycontent and p class and it seems like line-height caused the problem. Without line-height property, I don't have any weird space.
    But now it's kind of hard to read because each line gets too close. Where can I possibly insert back line-height?? Any idea?

    I apologize to keep asking questions.

  9. basketball
    Member
    Posted 9 years ago #

    Here's what I see in my IE browser: http://basketball2k.com/screenshot.PNG

    I can't really comment on how hard it is to read because I don't have that particular character set installed but for your line-height attribute how did you specify it?

    px? em? percent?

  10. Bampi
    Member
    Posted 9 years ago #

    basketball,

    My character set is euc-jp. Please try it.

    I tried line-height by px, em and percent, and as far as I tried, nothing worked for me.

  11. basketball
    Member
    Posted 9 years ago #

    I am just saying if you look at the screenshot that I uploaded;

    http://basketball2k.com/screenshot.PNG

    Your content/navigation is all over the place.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.