bbPress

Info

• 27 posts
• 3 voices
• Started 4 years ago by fokjulle
• Latest reply from refueled
• This topic is not resolved

Tags

• css
• IE6
• tables

• Posts in this topic

IE 6 breaking tables.

1. • 
   • fokjulle
   • Member

   • Posted 4 years ago #

   My forum (here) are working fine in Firefox. The theme, that is. But in IE 6, the tag cloud sits above the content area, instead of alongside. Yet, on the theme designer's website, the same theme works fine in IE 6.

   I'm very confused.

   Any ideas and help?
2. • 
   • chrishajer
   • Moderator

   • Posted 4 years ago #

   I was able to get it to display properly in IE6 by changing the CSS for the #frontpage #discussions.

   Old
   

   #front-page #discussions {
   	margin-left: 170px;
   	width: 590px;
   }

    

   New
   

   #front-page #discussions {
   	float: right;
   	width: 590px;
   }

    
   Basically, that change makes the #discussions div float to the right inside the #main div, rather than relying on the 170px of left margin. Not sure why IE6 does that and I didn't investigate, but that fixed it for me. There might be other places you need to do that: I'm not sure. That was just for the home page of the forum.
3. • 
   • fokjulle
   • Member

   • Posted 4 years ago #

   That worked. Thanks.
4. • 
   • fokjulle
   • Member

   • Posted 4 years ago #

   Oops. Can someone neaten up my URL link in the first post. I'd prefer it not being so public like that...
5. • 
   • fokjulle
   • Member

   • Posted 4 years ago #

   Okay, it works in IE. But it removes the white CSS background in Firefox. Weird. Any idea why? And how to fix it?
6. • 
   • chrishajer
   • Moderator

   • Posted 4 years ago #

   I did not lose the background in FF. Where is the white that is missing that you're talking about? Your forum looks fine to me in IE6 and FF2.0.0.13.
7. • 
   • fokjulle
   • Member

   • Posted 4 years ago #

   Compare the forum in FF and IE. In IE, the white background extends to the bottom of the content area. Correct. In FF, the white background stops under "Hot Tags" and "Discussions", revealing the tiled background instead. This is wrong.
8. • 
   • chrishajer
   • Moderator

   • Posted 4 years ago #

   Can you post a screenshot please?
9. • 
   • chrishajer
   • Moderator

   • Posted 4 years ago #

   Ah, I see now. I wasn't seeing the background image before. (EDIT)
10. • 
    • chrishajer
    • Moderator

    • Posted 4 years ago #

    How about just adding background: #FFFFFF; to your css for #front-page #discussions?
11. • 
    • fokjulle
    • Member

    • Posted 4 years ago #

    Done it. It makes no difference...
12. • 
    • refueled
    • Member

    • Posted 4 years ago #

    @fokjulle:
    I am the developer of this theme, and I also saw your post in my forums (will answer shortly.)

    First: This was my first theme and an old one, it needs to be updated. Which is probably why you are having issues. I plan to update all of my bbPress themes this week.

    Second: As a temporary fix, try:

    #front-page #discussions {
    	width: 590px;
    	overflow: hidden;
    	float: right;
    }

    Let me know what happens.
13. • 
    • fokjulle
    • Member

    • Posted 4 years ago #

    Tried it. No difference.
14. • 
    • refueled
    • Member

    • Posted 4 years ago #

    Download the theme again from my site and just replace the stylesheet. Let me know what happens.

    If nothing changes, then you'll need to wait for an update. Which, like I said will be completed sometime this week.
15. • 
    • chrishajer
    • Moderator

    • Posted 4 years ago #

    This fix is not applied, and when I apply it to your CSS, the background is white as expected. If you cannot wait for the new theme, I think I would just make this minor change.

    I think you might have some things cached in your browser that is preventing you from seeing changes. Can you use a different browser, or a different computer, or clear your cache? I think once that's done, you will see some problems fixed. Both this one and the JavaScript error appear fixed to me.
16. • 
    • fokjulle
    • Member

    • Posted 4 years ago #

    It's incredible...

    I cleared the cache, and nothing changed.

    I downloaded the theme again, and replaced the styelsheet. The tables broke again, so I applied the above fix, and the tables were fixed.

    Then, after applying the above fix, the white background (which is supposed to extend all the way to the bottom of the site, meeting up with the footer info) suddenly vanished.

    When I removed the above fix, the white background returned, but the tables in IE broke again.

    I'm still at the drawing board...
17. • 
    • refueled
    • Member

    • Posted 4 years ago #

    @fokjulle:

    Since your still having issues, you'll need to wait for an update.

    @chrishajer: by the way, thanks for helping fokjulle out with this issue.
18. • 
    • chrishajer
    • Moderator

    • Posted 4 years ago #

    So, when you float the discussions div over to the right, the white background is missing in FF? That's fine, then there is a SEPARATE fix for the white background. There are two things to change in the stylesheet. This is what it should look like to have a white background and be floated properly in IE:

    #front-page #discussions {
    	float: right;
    	background: #FFFFFF;
    	width: 590px;
    }

    And the theme author, refueled, suggested also overflow: hidden; but I didn't try or verify that. I just did what is posted in this reply, floating it to the right for IE, then applying a background color of white to the whole div.
19. • 
    • fokjulle
    • Member

    • Posted 4 years ago #

    In Firefox:
    http://i80.photobucket.com/albums/j166/fokjulle/cap1.gif

    In IE:
    http://i80.photobucket.com/albums/j166/fokjulle/cap2.gif
20. • 
    • chrishajer
    • Moderator

    • Posted 4 years ago #

    I see the difference now. Exactly how do you want it? Where do you want the white and where do you want the background pattern? It's just a matter of adjusting the CSS. I can hardly tell the difference on this monitor so I can't see the white vs. pattern thing sometimes.
21. • 
    • fokjulle
    • Member

    • Posted 4 years ago #

    Well, it needs to look like it does in IE. If I remove the CSS fix a few posts above, Firefox's CSS returns to its correct state (which is the same as the IE state). But as soon as the CSS fix is applied, Firefox goes funny.
22. • 
    • chrishajer
    • Moderator

    • Posted 4 years ago #

    It looks to me like the #wrapper div doesn't actually wrap the whole layout. That is the div that needs to have white as a background color, but all the other divs are not inside it. I think your best bet is to wait for the theme update from the theme author.
23. • 
    • refueled
    • Member

    • Posted 4 years ago #

    and I'll try to have the update done tonight. Will post either here or I will start a thread announcing the update. I'll also include a redesigned version since the theme itself was built off the K2 theme.
24. • 
    • fokjulle
    • Member

    • Posted 4 years ago #

    Thanks, buddy. Please post a message here, and I'll download it immediately.
25. • 
    • refueled
    • Member

    • Posted 4 years ago #

    @fokjulle,
    I am currently working on the update and I am curious to know if replacing the following helps at all?

    #main {
    	font-family: Georgia, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	line-height: 13pt;
    	width: 760px;
    	margin: 10px auto 25px;
    	position: relative;
    }

    with this:

    #main {
    	font-family: arial, helvetica, sans-serif;
    	font-size: 11px;
    	line-height: 13pt;
    	width: 760px;
    	margin: 10px auto 25px;
    	overflow: hidden;
    }

    Let me know. Thanks.
26. • 
    • fokjulle
    • Member

    • Posted 4 years ago #

    Yes, that seems to have worked. :-)
27. • 
    • refueled
    • Member

    • Posted 4 years ago #

    Great! Thanks for letting me know.

28. You must log in to post.