• 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.

Viewing 10 replies - 1 through 10 (of 10 total)
  • 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.

    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.

    Thread Starter bampi

    (@bampi)

    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.

    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.

    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

    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.

    Thread Starter bampi

    (@bampi)

    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.

    Here’s what I see in my IE browser: https://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?

    Thread Starter bampi

    (@bampi)

    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.

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

    https://basketball2k.com/screenshot.PNG

    Your content/navigation is all over the place.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Space between “storycontent” and “feedback” on Mozilla’ is closed to new replies.