I had this site about finished up, had been checking on it in four browsers, everything was looking good. There was one more pesky but nonessential problem I was checking out and suddenly everything's gone fluey. My left navbar has shifted over about 120 pixels from the left edge. I've driven myself nuts looking for the problem, but can imagine what could be off. If anybody has any bright ideas on what could be wrong I'd be soooo grateful. It looks okay in IE7, but is breaking up in everything else. http://www.sisterbecky.com/Med-X/index.html the css is at http://www.sisterbecky.com/Med-X/grid-caddy.css
in your css alter this line in your .contact class from left: 0px; to left: -40px; *-40px might not be the exact number needed - i didnt have time work through it properly to find the exact amount...but it should be pretty close to that. hopefully that works for you
That shifts it over okay for Firefox, Netscape and Opera, but IE shows the navbar as wandering to the left -40 like you'd expect. Also the first three show a blank spot at the bottom I can't account for. The aggravating thing is that it was working. There must be some small thing I inadvertently changed that made it all fall apart. I'm getting really frustrated with CSS. I could have put this page together in half an hour with tables, and I'm wasting hours with CSS. I can't be the only one. This is supposed to be the way things are going, but if it takes this much learning curve, and can have such inobvious pitfalls, it's not likely people are going to put up with it for that long. We'll all have been spending tons of our time learning something bound for a quick extinction.
I added the coding DW always generates. I assume that's what you mean. I don't see that it made any difference. I went through and compared the .css from this site with a similar one I based it on, which does work correctly. I tested everything I could find that was at all different. Why in the world is that navbar deciding to sit 40 pixels to the right? It's being told to sit at zero.
Throw DW out, and learn to hand code. It's faster and less error prone. Do this ul { margin: 0; padding: 0; } Code (markup): cheers, gary
It was the padding 0px: that was missing. Thanks a million. I already had the margin 0px; in there (apparently it makes no difference if it's 'margin 0;' or 'margin 0px;' which DW generates). I still don't see the logic on why the 'padding 0' has to be there. Sorry, but I can't imagine hand coding being faster. I'm primarily a visual thinker, so WYSIWYG editing is liberating, and with my tendency towards minor typos, hand coding takes a huge amount of time. My impression of hand coded work is that it tends to be less visually appealing. Maybe that's changed.
As I answered more fully in another forum (it's not nice to cross post), The specs leave it to the UA vendor whether and how to indent lists. Opera and IE choose to use a left margin, while the Moz/Gecko family and Konqueror/Safari use left padding. You need to deal with both. The hand coder relies on his own skills rather than a stupid, and I mean that literally, application. When you know what you're doing, a document is coded just as fast as you can enter the content. DW is totally incapable of creating a sane stylesheet. That takes actual thought. The wysiwyg editor makes it possible for the unskilled to manage something, but you will be mired in rigid, fragile and obsolete code. Design and coding are two different things. Hand the coder a pleasing design and you'll have a pleasing page, else, :shrug: cheers, gary