hello digital friends, So im some-what of a newb when it comes to CSS. And well, i designed my site on dreamweaver, using the insert div-tag, etc.. but when i test it on FF, the horrizontal spacing is different, then that of IE. This is how i made my layout: - make a wrap/container - put the div-tags (header, content, navigation etc..) into the wrap/container, and float it left i used advanced ID, pseudo-class selectors for most of the div's and in some, i inserted Class (can apply to any tag) div's Thats basically all I've done. I haven't used any of the absolute, relative, fixed, or static positioning things. because i have no idea what the heck that stuff does, since my layout looks good by just floating left. if you can tell me I'm on the correct tracks, and if so, point me to how i can check the layout on all browsers, that would be great.
IE and FF handle box sizes in a slightly different manner. There will always be a slight difference in the width of a box/div. You just have to find something that almost looks the same in both. And definately stay away from "absolute, relative, fixed, or static positioning things" they will cause you nothing but headaches and are useless 99.5% of the time.
Not exactly. Firefox handles it correctly. IE does not. That's the difference. Um. All site design uses static positioning by default. Almost all web sites use that sort of positioning, too.
Dreamweaver is known to cause problems. ] IE has untold problems with floats. In most cases, only modern browsers handle those properly, which leaves IE out. Always use a modern browser to first check your markup to make sure it performs as you want. Validate your html and css for any errors. Then look at IE to see if/when it screws things up. But you'll catch any problems early and the bugs and quirks are well known, as are the fixes. Check the links in my sig. Also look at positioniseverything.net
My real argument is with fixed position type of calls. If you design your site right and do your divs right you just don't need them. Yet DW and the other WYSIWG editors use them quite a bit as a crutch. Personally I don't use anything but notepad2.
Thanks pals, i was just worried about if i was making the div's properly in DreamWeaver, and from the looks at IE and FF, it seems im doing alright. There's a slight variance in the box sizes - vertical spacing, but it's not too noticeable. The horizontal spacing, is pretty much the same, nothing out of wack, atleast nothing that i can notice in either browsers- (i've been using FireFox as the primary browser, to test the layout). Also, how would i go about validating the css/html? and, I was worried about other browsers, such as 'Safari' for the MAC. How would i go about seeing, that my layout doesn't go to hell in Safari? Thanks again, friends.