By wanmatt on

Hey guys,

Was showing my friend my Drupal site, and he kept saying the layout was all messed up. Well I went over to his computer and checked it out.. low and behold the layout was all messed up! Nothing horrible, but the banner was off center and seemed to have aligned itself to the left, attempting to fill the whole window? He has IE6 installed. I never tested my site in IE6 since I'm on IE7 and Firefox (both don't have the problem).

I've looked at the template sheets a few times and I can't figure it out!

Anyone have any suggestions?

The site is www.mattwan.net if you guys with IE6 want to test it out.

Thanks!!

⋅ Categories: Drupal 6.x

Comments

rickardl’s picture

rickardl commented

I dont have IE6, but i know there is some differences in ie6 and ie7 with the css, however i think what could be wrong
if you put your contents within a

<div id="container">
<div id="banner"></div>
<div id="inner_container"></div>
</div>

#container {margin:0 auto}

maybe..?

jonfhancock’s picture

jonfhancock commented

There's a bit more to it than that.

If you're going to build websites, you have to test in multiple browsers. It's easy to install multiple versions of IE via multiple ie.

As for centering web sites in a way that IE6 recognizes, but is still valid HTML, you'll need a container div that wraps all your content, and then center that within the view port. Here is a quick tutorial http://flumpcakes.co.uk/css/center-div-ie

bwill’s picture

bwill commented

I like your site, and it looks like you solved your problem as I viewed it in IE6. I did notice that your banner took 10 - 15 seconds to download on my broadband connection. I viewed it, and it is over 1 Meg. If you are using Photoshop, you should use the save for the web option when saving. Other image manipulation software might offer save optimized.

wanmatt’s picture

wanmatt commented

Mmm I just checked the picture and it's around 150kb.
I didn't actually solve anything.. Maybe it was just a random problem?

Thanks for the comments =)