Frustration with IE 6

Oct
15
2005
Tags:
Comments (8)

It has been a frustrating day trying to deal with the CSS bugs in Internet Explorer. This site shows up nicely in Firefox, Safari and other browsers using CSS style sheets to handle the display. However if you're looking at this site in Internet Explorer 6 the sidebar doesn't show up. The bmannconsulting.com site has the same problem (and is another Drupal site). Is there something in the default Drupal .css that causes this or is it some oddity of IE we're left to battle on our own. It might be necessary to re-design the CSS with the advice from webreference.com. Something to do this evening I guess.

No votes yet

Comments

Oct
16
2005

It's IE

by Boris Mann

I should probably look into fixing that, but I'm fooling with a new design in any case that should be more cross-browser friendly.

Oct
16
2005

David Shea CSS talk slides

by jeffg

ActiveState recently hosted a talk by David Shea, CSS guru and the dude behind the CSS ZenGarden. You might want to check out the slides:

http://mezzoblue.com/presentations/2005/vanxml/

later in the slides he talks specifically about overcoming browser issues. You might also want to use his css default values reset file:

http://mezzoblue.com/presentations/2005/vanxml/css/formathtml.css

Oct
17
2005

Try StyleMaster

by Ramdak

It is a CSS editor with supposedly one of the best references to CSS. Better, it shows how your CSS works with various browsers:
http://www.westciv.com/

Note: I don't have any interest in the company. I am just a fellow drupal user trying to help.

Oct
17
2005

Gagging IE 6

by Eric Carroll

Have you tried something like this:

#subcontent {
width: 200px;
float: left;
margin-left: 15%;
padding: 15px 0 0 15px;
font-size: 0.9em;
line-height: 1.5em;
}

I have had similar problems with IE. I am not sure if the above would work, but with IE, you never know. There doesn't seem to be a method to it's madness. Let me know if you find a fix.

Oct
17
2005

RE: Gagging IE 6

by Eric Carroll

On my previous comment, I added some code....
I checked IE 6 on my PC and the right sidebar (#side_content) is at the bottom.

Try adding display: inline; at the end of the previous code I sent you.

Let me know if that works. I hope that helps.

Oct
17
2005

Thanks for all the great suggestions

by Joshua Brauer

It seems to be working now if the window is large enough. I'll have to tinker a bit more to see where the magic is. I'll be trying these suggestions and will report back.

Oct
17
2005

Less than ideal

by Joshua Brauer

Well I seem to have found a compromise that is less than ideal. The right column is fixed with an absolute position. This doesn't break in other browsers and by reducing the left margin on the column it displays OK in IE 6. However, when the page gets too narrow the columns bleed together. I had another idea that was a non-absolute column but it led to a poor looking page in standards compliant browsers.

Oct
17
2005

Looks interesting

by Joshua Brauer

Thanks! I'll give it a demo and see what I think. The screenshots look promising.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Link to Amazon products with: [amazon product_id inline|full|thumbnail|datadescriptor]. Example: [amazon 1590597559 thumbnail] or [amazon 1590597559 author]. Details are on the Amazon module handbook page.
  • Twitter-style @usersnames are linked to their Twitter account pages.
  • Twitter-style #hashtags are linked to search.twitter.com.
  • Allowed HTML tags: <a> <b> <dd> <dl> <dt> <i> <li> <ol> <u> <ul><p> <img> <table> <tr> <td><strong><em><sup><div><fn><h1><h2><h3><h4><blockquote><img style="">
  • Use [fn]...[/fn] (or <fn>...</fn>) to insert automatically numbered footnotes.
  • You may insert videos with [video:URL]
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically. (Better URL filter.)
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options