smithj7 wrote: > Please look and point me in the right direction as far as what I > should be working on. > > http://dbsdev.myflorida.com/job_seeker/template2.shtml
You should start by using a doctype that doesn't trigger quirks mode in all browsers. Ref: <http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html> I used this... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict //EN" "http://www.w3.org/TR/html4/strict.dtd";> > http://dbsdev.myflorida.com/newstyle.css Add... body {margin: 0; padding: 0;} You should comment out every instance of 'position: absolute', and 'position: relative' used for positioning, and let the elements line up in the flow. That'll prevent overlapping and positioning-flaws until you have gotten control of dimensions, spacing and float-behavior. Adding... #bottomstyle {clear: both;} ...will keep that container below everything else - once you have commented out all 'position: absolute' on elements above. It won't stick to the window-bottom this way, but since you have no idea how tall a window is, and how much space the content will occupy when that page is subjected to a bit of 'font-resizing' (which it clearly needs), then that's certainly better than having layers of text on top of each other. You can add a proper 'bottom-fix' later, once the rest of the layout is working. Note that padding is added to width (once the doctype is corrected to a proper 'standard' triggering), so those menu-dimensions with 'padding: 3px; width: 100%;' becomes 100%+6px wide. Delete the 'width: 100%;' so they can default to 'width: auto', and add 'height: 100%;' as a 'hasLayout'[1] trigger to make IE/win behave. Work with floats and flow as much as you can. For instance, I used the following styles for main content... #content { margin-top: 1em; width: 75%; float: left; margin-left: 1%; } ...which made that part line up quite nicely even when I blew up font-size to the extreme (300%) in Firefox. You never know; someone may actually need to do that in order to read those tips. Go through the rest of those styles and make the page work with users in mind. You can always fix the minor details later. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
