IE 6 renders oddly(as usual)

[Andrew]

I just started playing around with Blueprint, trying to compare it to
some other css frameworks such as Yaml etc. I have created 2 or 3
simple sites with blueprint to get a feel for it and have been digging
into the css files. I don't claim to be a css wizard but I'm curious
to know why my pages are all rendering in IE about 8 columns to the
right of where they are being rendered in Fire Fox 2.

Some sample code I've written was to just see some of the elements and
their styling available in blueprint. So I created a simple test file
for my own internal experimenting.

<code>
<div id="test">
<div class="showgrid">
<h1 class="prepend-11">A title</h1>
</div>
</div>

When I view this simple page in firefox it renders correctly but in IE
its 18 columns over instead of 11, I've tried to dig into the ie.css
file and figure out why, but couldn't identify anything specific. I
have been searching the forums for all IE issues but not having any
luck. Both sites are using the smarty template engine if that helps
(hope its not the problem)

The full sites I'm building are
http://tsdev.servehttp.com/blueprint/
http://www.acarlsonphoto.com/

Can anyone tell me why IE is pushing things over so far to the
middle?


Thanks
Andrew

[davor]

Are you missing .container class on wrapper div? (add it together with
.showgrid)

[raulriera]

I am having this problem as well with Blueprint, I ended up not using
"prepend" or "append" classes at all, I use empty "span" classes for
that. If anyone knows a better solution, please let me know

> The full sites I'm building arehttp://tsdev.servehttp.com/blueprint/http://www.acarlsonphoto.com/