Hello everyone! Glancing through the posts in the archive, this seemed to be a very active list so I decided to join and check it out - I hope I'm right!
I've been designing/developing web sites since 1996 or so, so I've made my fair share of mistakes :-) For the past several years I've been using more and more CSS in my work. Right now I'm in the process of rebuilding a site I built 6-7 years ago, which was almost all built using HTML tables at the time. I'm converting it over to mostly CSS (The exception of two places, the "top navigation" and the "middle section (which will get converted in the next few days). I've run into a problem that I can't figure out. I'm using a three column layout with the middle column being "fluid". I haven't really built a "production ready" site from the ground up using CSS so please bear with me on this! Unfortunately I have a problem with the top navigation creating a "gap" when stretched out. You can see the rebuild here (not complete and the links don't work yet): http://new.thetoyz.com/ Notice in the blue nav bar just before the link "shop" that a gap forms when the page is stretched out. (I know there are a few other issues, like the "search box" and "bottom nav" but I'm not concerned with those at the moment - one thing at a time :-) As I said earlier, this is actually a table, utilizing a combination of background graphics (The solid blue bar) and images (the "spacer bars between the links). Can anyone figure out a way to get rid of this "gap"? For now, I was going to leave this portion as an HTML table until I had time to convert it using all CSS, but I'm open to suggestions either using strictly CSS or as it currently is as tables... I uploaded the code to a page called: navcode.abc (using abc should cause your browser to open it showing the code) rather than including it here and filling up the post. If it is easier, I can send the code to the list, just let me know! http://new.thetoyz.com/navcode.abc Thanks in advance and please don't flame me for using tables here... :-) James Sheffer, The HigherPowered Team! supp...@higherpowered.com sa...@higherpowered.com Web Design & Development http://www.higherpowered.com phone: 469-256-0268 "We help businesses succeed on the web!" ------------------------------------------- ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
