Scaling Page to Browser Window

[flynnmic]

Hello, I am new to CSS and web development in general. Working on this site, and trying top figure out hot to get my page to scale to the size of the browser window. I have tried entering % in different areas of the CSS .... problem is, I got this template from somewhere else and am learing as I go.

Tha address of the site is http://msu.edu/~flynnmic/

If anyone is bored and feels like giving me some pointers, I would greatly appreciate it!

Thanks

Mike

[ray326]

You pretty much have it as good as you can given the menu bar design.

[WebJoel]

Kind of lose the navigation in IE6, huh? But it fits the 1024 screen width.

In Fx, you have the navigation (which 'wraps' to next line), and screen width exceeds 1024. See screenshots.

I'll peek at the code. :)

(returned)

-oh boy! -Some unclosed tags and such... see again, screenshot. :eek:

[WebJoel]

Okay, -I've cleaned all the warnings and not unexpectedly, very little has changed.
This below I have seen before, it probably works or worked at one time, but it is a 'hack'. A bandaid solution.....<ul style="margin-left: -10px;">
<li><a href="http://www.msu.edu/~flynnmic/AcademicInterface.html"
class="drop">Higher Education Solutions <!--[if IE 7]><!--></a>
<!--<![endif]-->
<table>
<tr>
<td>
<ul>.... Myself, I'd re-write to a more compatible level. Somehow, commenting-out via conditionals is just wrong (although I have seen it work very nicely and one "cssplay" springs into mind).

I'll take your to desktop and tweak around with it, -maybe do something sans-TABLE, hack-free and cross-browser friendly.

<div class="wide footer"> -white-space in classnames is probably a bad idea... it should be one word, hyphenated or use an underscore, else, it might think that this DIV accepts TWO classes, "wide" and "footer"..

BTW, -noted the George Brown City College section, -my college. :) -Spent many evenings there, courses, hours in the computer lab, etc.

"MSU", eh? Go Spartans! (Nice band, -been to Lansing many times).

[flynnmic]

Thanks for your input Joel.. thou I think it made me realize im in over my head...! Was just in Toronto at George Brown two weeks ago. Mostly at the Casa Loma campus, in the admin offices. My first time in Toronto, really enjoyed it.

Thanks again..

[aussie girl]

this is a good tutorial for liguid layouts

http://www.maxdesign.com.au/presentation/liquid/