This group is great! I've been working 23/2 this weekend on trying to get a required content table format web page into a css format. I've spent a lot of time today at work exploring http://css-discuss.incutio.com/ because the issues for a few former trials that I had at home didn't happen at work on my computer. In fact, the display of a couple of former trials worked with opera and a lynx text browers.
I want to thank everyone who has been providing me with suggestions to get it right. I am getting there. I have hope... Current page has a header, content (two columns with special header that has 3 column layout for a second row and two images one float left one float right.), and the page FOOTER is actually at the end of the document! The try999.shtml was a result of a great template that didn't have a footer. The header and content worked okay. But when I added a footer everything fell apart. I did this page bottom up. :) The current page that is working is a result of a template (tutorial) suggested at http://www.alistapart.com/articles/negativemargins/ gave to me by one of you! :) The page still needs some work. It is at: http://dbsdev.myflorida.com/hope.shtml Css file is at http://dbsdev.myflorida.com/mystyles/hope.css Problems and need for help are as follows, (most are space issues and I'm using IE to view at this time): 1. Need the "header" called "logo" in style sheet to be flushed with top like at http://www.fldoe.org/arm/ for example. 2. There is way too much space between the H2 menu and the actual menu links. Used listomatic info for menu but there was no suggestion for header requirements. I work for an Division with customers that need us H1, h2,h3 and so forth to navigate a page. 3. Too much space between the "header stuff" and "content". 4. One person on this list suggested I go to xhtml strict. I attempted to do this, but had many errors most due to images and forms. I finally figured out how to place images without "align=left or right" in the html code but I still am having difficulty with form issues - so I'm still xhtml transtional, but would like to understand how to ensure form elements like "label for" in strict and take this leap when I modify all site changes. The w3 info isn't helping me. I'm learning css, xhtml, dreamweaver, xml, and working and going to softball games with my daughter two times a week. A form example using strict xhtml would help me jump to strict. The other errors beside images, I understood after research. Image issues and form issues were my main problem when it came to xhtml strict. 5. How do I test for older browers? I have an older version of IE at home which I didn't realize was different from my work... Never updated. And opera at both home and work. Access to text brower at work. 6. Secondary issues related to warnings in the validation code using w3 tools. My most common complaint is "You have no background-color with your color" If I make color the same I get "Same colors for color and background-color ...". Is this something I shoduld be concerned about? Warning: I will still need lots of assists after I get this page template designed. The current powers that be are now allowing us to modify local sites as long as they stay within "big unwritten guidelines". The color format will be changed by powers that be. I just selected the darkblue caused it matched the darkblue in required header. The first to take adventage of the ability to change site "rules" was our school choice division http://www.floridaschoolchoice.org/ You can see that we are still pretty limited when it comes to display. The style sheet I'm currently working on isn't even a main page design. It is only a content page. I'll need to get something that looks like http://dbs.myflorida.com/ for each of "my main pages" (e.g. http://dbs.myflorida.com/library/ If I can get the css style sheet to work for both content pages and main pages, Florida Blind Services will be the first agency in Florida state government to go tableless! I won't be able to do this without this group's continual support! You all have been very helpful! Thanks so much. -----Original Message----- From: smithj7 [mailto:[EMAIL PROTECTED] Sent: Monday, April 24, 2006 1:57 AM To: 'David Laakso'; '[EMAIL PROTECTED] Css-Discuss. Org' Subject: RE: [css-d] css layout issues [was--Does anyone use css with SSI?] This article was great. I had been reading up and still can't get the footer to work. I need to try the .clearing { height: 0; clear: both; } Maybe that will work. The page I was on was saying I need to adjust for the height and add a container. Suggested using javascript to figure the height, but I don't like putting javascript on the page. My current work in progress is now at: http://dbsdev.myflorida.com/try999.shtml The style sheet is at http://dbsdev.myflorida.com/mystyles/default.css I'm still not happy. I had to take the H2 out of the menu list and now I have space, and I used px to get stuff to lay out, and that won't work cause some of my customers will be changing text size to large. This is a lot of work! I guess it will get easier as I learn more. I looked at the w3 site and they don't use division id at all that I could see. Everything is set up using division class. I wonder if I need to rethink how I set up the site and just uses lots of classes like they did. <sigh> I'll keep reading. -----Original Message----- From: David Laakso [mailto:[EMAIL PROTECTED] Sent: Monday, April 24, 2006 12:05 AM To: [EMAIL PROTECTED] Css-Discuss. Org Cc: [EMAIL PROTECTED] Subject: Re: [css-d] css layout issues [was--Does anyone use css with SSI?] smithj7 wrote: > Now by footer works but content overlaps header. > http://dbsdev.myflorida.com/job_seeker/template.shtml > http://dbsdev.myflorida.com/newstyle.css > Best bet may be to start with a layout that is known to work, and then plug your content into it. I'd suggest that you read, follow, and use the 2col layout on this page<http://www.alistapart.com/articles/negativemargins/> . Code for compliant browsers(Opera, Firefox, and Safari); the members of the list will help get it to work in IE. It is using absolute positioning, among other things, that's causing most of the problem on your current page. And, it is the use the same id more than once on the same page that is hanging up the markup validation. If you have an named: #apple {...}, you can only use <div id="apple"> once. HTH ~davidLaakso PS To reply to the list use 'reply all' -- http://www.dlaakso.com/gustave/ ______________________________________________________________________ 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/
