1173 posts
  • Has been part of the Envato Community for over 5 years
  • Located in Australia
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
+3 more
Motionreactor says

Nah it’s not horrible. It works, and often this is needed when a client just needs the work done quickly. It isn’t great semantically, and there are better ways, but it does make IE7 , IE6 trigger ‘hasLayout’ an infamous IE problem.

There’s a but of related discussion here:

http://net.tutsplus.com/tutorials/html-css-techniques/ask-nettuts-1-callbacks-less-and-floats/

308 posts
  • Has referred 1+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+4 more
brainbuzzmedia says

Alright cool. So that leads me to another question. What is the “proper” way to make sure your code looks right in all browsers? Because looking over my site in IE7 compared to FF I can see a bunch of spots where the spacing is not the same (logo image, header white space, ul in sidebar, and the footer).

It seems like this would take forever to figure out randomly just by looking up various bugs and old help threads.

629 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 10+ members
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
VagrantRadio says
Alright cool. So that leads me to another question. What is the “proper” way to make sure your code looks right in all browsers? Because looking over my site in IE7 compared to FF I can see a bunch of spots where the spacing is not the same (logo image, header white space, ul in sidebar, and the footer). It seems like this would take forever to figure out randomly just by looking up various bugs and old help threads.

1: Use a reset.

2: Set your default styles for everything or come up with a default elements stylesheet like I have here: http://bit.ly/aElPGa

3: Don’t use a grid system if you want to learn anything.

4: Use padding for left and right, and margin for top and bottom unless it’s an element with a background.

5: Position relative is your friend.

6: Learn the major IE bugs and how to avoid them.

1173 posts
  • Has been part of the Envato Community for over 5 years
  • Located in Australia
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
+3 more
Motionreactor says

I don’t agree with point 3, but I agree they are more useful once you actually understand why and exactly how they work.

Use browser targeted style sheets to fix browser specific problems. Definitely use a reset like Eric Meyers as mentioned above.

308 posts
  • Has referred 1+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+4 more
brainbuzzmedia says

I have a reset in mine. I’m not sure how good it is. I think I have fix most of the noticeable problems in my framework, and I wrote it from scratch aside from the reset (and jquery). There are still slight differences in spacing (very slight, like ~2-3 pixels) on the h1, top text, and between the ul’s.

http://www.brainbuzzmedia.com/blueprint/blueprint.html

Is it supposed to be possible to have them look completely identical in both browsers?

629 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 10+ members
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
VagrantRadio says
I don’t agree with point 3, but I agree they are more useful once you actually understand why and exactly how they work.

Hence “Don’t use them if you want to learn anything”.

308 posts
  • Has referred 1+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+4 more
brainbuzzmedia says

I’m not new to css, I am very comfortable with it. I just am pretty bad at fixing bugs in internet explorer mainly.

629 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 10+ members
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
VagrantRadio says
I’m not new to css, I am very comfortable with it. I just am pretty bad at fixing bugs in internet explorer mainly.

It’s not just IE, every browser renders something differently. The biggest thing is learn positioning and floats and know them like the back of your hand.

Your site doesn’t have to be a mirror image in all browsers, just try to get it a little close and you’ll save yourself some headache.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by