Without having looked in detail at it, it looks like you're using a script to set widths? Why not just set width percentages? I have this thing against divs that take X secs to suddenly and randomly resize. I would create a little a script to set a class on the FAQ items so that the last item doesn't have a bottom border, same thing for Tips. The fields in the Advertise pop-up are not the same length. Ninja-Edit: I just realized.. you're setting a manual style on ALL the divs? Why not just use a CSS sheet? It'd save you loads of time since you don't need to set a style for each div manually, just set an ID and Class
If you want quick preview screenshots in dozens of browser configurations for your website, go here: http://browsershots.org/ This nifty site uses distributed computing to run your website by various browsers on Windows, *nix and Mac OS X. While it's not great for tweaking, it at least gives you an idea on how your site layout is rendered across the board. And it's free
I did initially try to set the fluid layout with css only, but due to the way the google maps element will fill what it's given, the layout would always collapse in on itself vertically. A javascript onresize hack was my only option. Thats already been done on my local version (next update) just finalising the news comment system before making it live. That depends on your browser unfortunately (God I hate IE) All the CSS is sort of half inline, and half external (As I'm sure you can tell by the fact that most elements have id, class and inline styling) The reason for this is I ignored my degree and developed while I designed, externalising all the CSS is on my (ever-increasing) todo list. Cheers for the feed back, I realise there's a lot of work left to do behind the scenes, but my priority was getting a solid working version out to the public as soon as possible (before someone else came up with the idea and beat me to the punch) If I published the version numbers, this one would be labelled 0.4.1 - So a long way to go before version 1 yet
Genius, I had that idea a while back, but never bothered to do anything about it, I'm glad someone else has
Even giving it a minimum height? Display block, etc? I know how you feel It's fixable, just takes time I'd make a CSS file when you get the time
If I set a minimum height, that would in essence become the actual height. I don't know if you're familiar with the Google maps API, but it uses javascript to fill a target div with the map. The content they inject will be the size of the target div, so if I were to set a minheight of 300px, the map will get the height of the container (300px) and fill to that size. And divs are by default display: block anyway. I know there are some methods that could of created a css fluid layout for the site, but they're all so hack-y it just seemed better to get javascript involved, especially now modern browsers are getting a lot quicker at javascript execution I know I really should sort the CSS out, especially as this site doubles up as an advert for my business, but weekdays I'm working on clients' sites, so it's hard to find the time I swear when I was younger I had so much time I didn't know what to do with my self, now there's just not enough hours in the day Maybe it's time to finally have a go at polyphasic sleeping
Really? That shouldn't be the case: Form the w3 website What doctype do you declare, although I'm pretty divs should be block in all html 4+ and all xhtml standards.
And IE7 should conform to web standards Rule of thumb is, if you didn't set it specifically, don't expect it to get applied, even if it's supposed to inherit automatically. If I'm using images and stuff, I always set display:block and then continue tweaking the CSS till I get it to do what I want. (And then I always have to tweak it again to make it work in IE6 and IE 7)
