CSS Positioning Problem IE / Firefox

  • jester954

    (@jester954)


    17 years, 12 months ago

    Having a positioning problem. Looks OK in IE, but off in Firefox. I’m using the default Kubrick template, with some minor modifications so far.

    Here’s the page…

    http://www.soflare.com

    See in Firefox how the logo images (there’s 2 stacked)are a few pixels away from the edge? In IE they’re flush with the edge.

    Here’s a copy of what my CSS file looks like…

    http://www.soflare.com/temp/style.html

    I’m familiar with CSS but not on this level. I’m a master with tables, but thought I’d sweat out some pure CSS code to learn it better. 🙂

    Any help would be appreciated!

Viewing 4 replies - 1 through 4 (of 4 total)
  • pcmt

    (@pcmt)

    17 years, 12 months ago

    For one thing, your images are in the main page div. Try putting them into the top of the sidebar, as that is where you want them to appear. They have the same width as the sidebar, and the sidebar has no padding, so hopefully they should fit snugly.

    Thread Starter jester954

    (@jester954)

    17 years, 12 months ago

    I moved the images to the sidebar div, and it has made the problem worse in Firefox. Now the sidebar div got pushed down below the post area div. Looks fine in IE though.

    Thread Starter jester954

    (@jester954)

    17 years, 12 months ago

    Well after playing with the css for hours & hours, I’ve come to the conclusion that either I’m not ready for full css coded pages, or the browsers aren’t cross-compatible enough. Either way it’s back to tables.

    ladydelaluna

    (@ladydelaluna)

    17 years, 12 months ago

    tables are NOT the way to go.

    the fact is that IE and FF WILL have sometimes a 2px difference… try doing a search for “IE hacks” and you’ll see what I mean.

    the way i see it is this: people who visit your site with FF will ALWAYS visit it with FF – and likewise with IE. really, what difference does 2 pixels make between browsers when no one but you (or a scrupulous designer-type) is ever going to try to compare?

    tables just should not even be considered though… not even as a last resort.

    what about going to http://themes.wordpress.net and searching for another theme? the default Kubrick is well known to be a major pain in the ass to modify, and is essentially “default” for people that don’t intend to play with it at all, not for people who want to make mods.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Positioning Problem IE / Firefox’ is closed to new replies.