By Antikx on

Hello,

I've been using the Andreas03 theme since I redid my site.
It looks fine under modern FireFox browsers. The problem is obvious viewing it with IE6, Mozilla 1.7 and Firefox 1.0.x (not sure about IE7 yet). To be honest I hadn't even checked it under IE until recently (my bad).
The problem is the menu bar on the right doesn't start at the top of the page.
See what I mean:
http://www.tyrannozaurus.com/
But this site that I stumbled across (that's using the same theme) seems fine:
http://cleaning.myworst.co.uk/

Does anyone have any suggestions or previous knowledge about this problem.
I'm suspecting it might have been a module I installed back when I was setting up the site, and I'll walk through disabling them if no one has any advice.
Thanks.

⋅ Categories: Drupal 4.7.x

Comments

Mateo’s picture

Mateo commented

looks fine in ie7

xmacinfo’s picture

xmacinfo
he/him
Primary language French
Location Canada
commented

Which version of Drupal are you using?

This is caused by a bad clearing, at least in IE6:

See your styles.css file for line 187:

.clear {
  clear:both;
  margin:0pt;
}

Try using clear:left instead.

I have not tested this, though. I have this theme installed but not enabled. If clearing left only is not working I'll look into the issue.

/*_*/
http://www.xmacinfo.com

fidot’s picture

fidot commented

The problem is being caused by the width of the blocks in the right hand column. This is widening the right hand column div so that it no longer fits (in IE).

Currently, the User Login and Recent Links are the widest in IE.

You could change the width of the right hand div in the style sheet.

HTH
Terry

Recent Drupal sites:-
www.allegiantair.com www.defaqto.com www.quarkexpeditions.com www.sportrelief.com www.chevronhackles.com
www.philipturnercrafts.co.uk www.intelflexplus.com www.aprilroseturner.com www.businessclubagent.ihg.com www.businessclub.ihg

Antikx’s picture

Antikx commented

Thanks for the tips. Appreciate it.
I've done both changes and am waiting to hear back from my IE users.
Regarding the second tip... I found this:
#sidebar{
width:155px;
float:right;
margin-top:20px;
font-size:1em;
line-height:1.3em;
}
...in my style.css (in the theme) and incremented the width by 10, but I didn't see a noticeable change in firefox *shrug*. Am I looking at the wrong area?

fidot’s picture

fidot commented

You need to either increase the width of the whole page (there will be a containing div) or decrease the width of the right hand sidebar. It is already too big for IE.

You can use a Firefox add-in to render a page as IE does. Then you will be able to see the problem for yourself.

HTH
Terry

Recent Drupal sites:-
www.allegiantair.com www.defaqto.com www.quarkexpeditions.com www.sportrelief.com www.chevronhackles.com
www.philipturnercrafts.co.uk www.intelflexplus.com www.aprilroseturner.com www.businessclubagent.ihg.com www.businessclub.ihg

xmacinfo’s picture

xmacinfo
he/him
Primary language French
Location Canada
commented

Can you contact me through my contact form? I'll ask you to send me your Andreas theme folder.

I'll look at this late tonight.

/*_*/
http://www.xmacinfo.com

Antikx’s picture

Antikx commented

Problem solved!
xmacinfo was kind enough to take a look at it and fix. I'll try to post the style.cc file on my site and link to it here. Here is how xmacinfo said he fixed it:

Your issue was indeed caused by block widths, not clearing.
I made main block width modifications, and a very small adjustments.
Firefox and Internet do not share exactly the same box model. This is why it is recommended to work with the two browsers side to side.