...

View Full Version : List spacing IE vs FF



Riboflavin
04-25-2006, 04:05 AM
site removed

As you can see the client log in area is too close in IE but looks fine in FF. I can't figure out why this is :(

felgall
04-25-2006, 09:03 AM
Well you are only defining margin-top for those fields so the other margins will use the browser defaults which are different for each browser.

To get a level playing field to start with define:

body {margin:0;padding:0}

and then the margins and padding you don't specify will be the same in each browser.

Riboflavin
04-26-2006, 01:47 AM
Well you are only defining margin-top for those fields so the other margins will use the browser defaults which are different for each browser.

To get a level playing field to start with define:

body {margin:0;padding:0}

and then the margins and padding you don't specify will be the same in each browser.

I am using * { margin: 0; padding: 0; } which in effect is the same right?

Riboflavin
04-30-2006, 10:34 PM
Bump.

Thanks :)

kewlceo
05-01-2006, 12:14 AM
The star-HTML, aka "Holly hack" only applies to IE browsers (except IE7 in "standards" mode).

Riboflavin
05-01-2006, 12:28 AM
I played around with some margins and it looks better now, thanks :)

Arbitrator
05-01-2006, 12:30 AM
First of all, it's nice when the link you provide actually works so people don't have to paste and correct the URL.

Second, try containing your elements in page divisions (<div>) instead of using CSS to create structure; that's HTML's job. After all, one of the fundamental reasons that Cascading Style Sheets were created was to separate style from structure; so while people are migrating their styling to CSS, likewise the structure should remain in the HTML.

Specifically, add div around your header, form, and footer in addition to the content div you already have; it's probably also a good idea to put all of that into a single div container. I'm also of the belief that using a definition list for your form in that manner is structurally incorrect in a way similar to using tables for layout. Since Internet Explorer is exhibiting some wierd overlap behavior, defined structure is probably the best method of dealing with that.

Edit: Well, it seems you've got the problem under control now; but this is still worth keeping in mind.

Riboflavin
05-01-2006, 12:32 AM
I did not make the link active because I don't want it to be indexed yet, its not open.

Thanks for the structure tips, I'll keep them in mind.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum