Hello -

Before I begin, you can see what I'm talking about at

http://www.selfsoothingsoftware.com

I have a whole lot of text, with smaller supplemental text sections wrapped
in divs and floated to the left and right (though some stay in the center).
Ideally, they float out to either side of the big block of text, and if the
browser window shrinks they sink into the text column, displacing it as
necessary. I did this simply by giving the text column a max-width and auto
margins (keeping it nice and centered, and slender enough to be easily
readable). Then, I set a container with a min- and max-width, and gave the
floated boxes margins so that they'd never get too close to the edge of the
screen. Things are looking exactly as they should in Firefox and Opera -
everything is fairly presentable (I think) in a whole spectrum of screen
resolutions (1024x768 and above).

Also, up at the very top of the page is a test of the grids layout, which is
just the 960 framework modified to use ems (with a font-size of 62.5%)
instead of pixels.

The problems of course arise when I try to view it in IE6 or IE7 (I'm
willing to ignore problems with IE6 nowadays, but I feel that I should
support IE7). The first problem is my modified 960 grids - they don't all
fit together horizontally as they should - the last one or two columns tend
to be knocked down to the next row. I suspect that IE is doing something
that it shouldn't be with the em measurements, but I'm not sure what...?

The second, and more pressing problem, is that my main content (the text
column and floated boxes) appears completely out of whack in IE. The boxes
are approximately in the right place, but IE7 is trying to center the
paragraphs of the text column midway between the floated boxes and the
opposite edge of the screen, and I'm not sure how to make it stop.

Any suggestions? I'm interested in how to fix this, but other general design
comments are of course welcome. Also, I haven't tried viewing this in any
browsers other than Firefox, Opera and IE6/IE7, so if anyone notices any
other problems, I'm curious to hear about them.

Thank you!
Chris
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to