[css-d] IE problem and liquid layout

[JGardner]

Hi,
I have a major problem with a page appearing correctly in Firefox but not IE 6. 
 You can see the page here - 
http://webtech.tstc.edu/students/gardnerj/IMED2311/UF2/index.htm

Also, I am wanting the page to be liquid or fluid (not sure what the correct 
terms is).  Right now, I have to manually adjust the position of the white 
content box, based on the height of the gray news  announcements box.  This 
won't work as every time content is added to the gray box I would have to go 
change the position of main white content box. Also, if different  pages have 
different  different content in the gray box, every page would need a 
differently positioned white content box.

I hope this makes sense and that there is a solution.  

TIA,
Jennifer






   

Pinpoint customers who are looking for what you sell. 
http://searchmarketing.yahoo.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem and liquid layout

[David Hucklesby]

On Sun, 22 Jul 2007 11:51:55 -0700 (PDT), JGardner wrote:
 Hi,
 I have a major problem with a page appearing correctly in Firefox but not IE 
 6.  You
 can see the page here - 
 http://webtech.tstc.edu/students/gardnerj/IMED2311/UF2/index.htm

Hi Jennifer,

If you increase the font size in Firefox (Ctrl +) you will see what
I am seeing in Opera and, apart from the displaced #news DIV, the same
is true of IE7. That's because factory settings on my notebook (120 DPI)
makes the default medium font size 25% larger in IE and Opera.

Your design seems to me to be over-constrained. This is a common
problem when major structural elements are positioned absolutely.

I suggest you look at some float layouts that self-adjust to the amount
of content. The css-d Wiki[1] is a good place to start. Max Design[2]
has some samples and good tutorials; if you learn better by example,
Layout Gala[3] may help as well.


[1] http://css-discuss.incutio.com/?page=TwoColumnLayouts
[2] http://maxdesign.com.au/presentation/page_layouts/
[3] http://blog.html.it/layoutgala/

Cordially,
David
--


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/