My design looks crappy in IE :O

[lamy]

Hi!

A friend of mine just told me that my website doesn't work on IE 7. Unfortunately, I don't have that browser so I cant just experiment with the design.

Maybe one of you has an Idea how to fix the problem that everything looks putted off when he sees the code?
Would be really awesome!

Many thanks in advance,
Lamy

url: http://jan.inaustralia.de

[garvinhicking]

Hi!

Yes, in IE7 your header and content is too much on the left side, and in your sidebars the input buttons are too wide.

This is often caused by a so called "IE box model" problem. On www.positioniseverything.net you should be able to see most of the MS browser bugs you'll need to ship around when creating a custom template.

Maybe someone here knows what exactly needs to be changed, though.

Best regards,
Garvin

[lamy]

okay, thank you!

But now i've totally messed the whole thing up...

just mixed the index.tpl and the style.css with an other design

Just hope my hoster made backups...

[lamy]

alright, recovered it .


Except for the problem mentioned above, i have several other problems I can't solve:

1.: By the banner, there is a tiny white line on the right side (The banner is wide enough, there shouldn't be anything like that. I have also played with the width of all my tables).

2.: I would like to have a drop shadow on the right side as it is on the left. The problem is, that the width of the mainpane table is dynamic (80%), so that I can't use a background image that effects the right side.

Please, help!

[yellowled]

I don't have an IE either, sorry

1.: By the banner, there is a tiny white line on the right side (The banner is wide enough, there shouldn't be anything like that. I have also played with the width of all my tables).

Actually, it's on both sides of the banner (Firefox 2.0.0.1) - which isn't that bad in my humble opinion

You could try setting display: block; for .serendipity_banner.

2.: I would like to have a drop shadow on the right side as it is on the left. The problem is, that the width of the mainpane table is dynamic (80%), so that I can't use a background image that effects the right side.

Not an easy one, especially with a table-based layout ... definitely needs some editing of .tpl files - if you're not afraid to do that and have some HTML/CSS knowledge, it might work to put #mainpane into a wrapper div and use the sliding doors technique ...

YL