Hello erm

im pretty new to css and browsers .. it seems the more i look the more i hear how evil IE is

im having a nightmare getting ie6 and 7 to play fair

in 6 a background for a div is getting pushed down exposing the white bakcground

and in 7 it's pushing my contact information into the ground of its inherited div

www.designsex.co.uk/dev


please help me if i can return the favour in any way

thank you

John c

designsex@mac.com

I don't have IE6, but in IE7 the problem just seems to be caused by different default paddings and margins for paragraphs. Just set the padding and margin you want explicitly in the CSS instead of relying on browser defaults.

Your microfonts are very difficult to read, and the fixed width AND height design is bound to break as soon as the user specifies a minimum font height that's a bit larger that the one you use. Not to mention it doesn't look very good at my resolution (a mere 1280x1024, imagine on a 1600x1200 resolution.)

so I have to pre define all padding and margins instead of leaving them unspecified ?

thank you

And I get a blank browser window. No, I don't enable Flash for unknown, untrusted sites.

...? It wasn't like that earlier...

Interesting. I didn't notice that "www.designsex.co.uk/dev" was linked to http://www.designsex.co.uk rather than to http://www.designsex.co.uk/dev/

Anyway... I get the plain, unstyled page. No, I don't enable JavaScript for unknown, untrusted sites either.

The page isn't styled in any browser. He's using javascript to write the link to the CSS, but since the javascript only executes after the page has already loaded, the CSS is never fetched, as far as I can tell.

Not sure why you'd use Javascript to sniff out Netscape 4 when it has browser bugs so readily available...

Where's the JS sniffer? My, this thread is confusing.

Looks to me like it's a simple thing made needlessly complicated. Page is pushed to the right in FF 2.0.0.3 and I get horizontal scrolling at 1024x768.

I'd start again personally and bone up on fluid layouts and HTML links.