MyBB Community Forums

Full Version: Why is the browser different?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
If you look at my "Go" button next to the search bar, why is it different in both browser? If I fix it in internet explorer, it might be different in chrome..?

Chrome View: http://gyazo.com/8bcc5a4331b86b719e9a72f39db24557
Explorer View: http://gyazo.com/1bb073d6b8ecfb8ada8f780f4d47aa5b

Is anybody else experiencing this while viewing my website?

http://www.Vizzy.VisualizeEdits.com/
Try reading this:

http://meyerweb.com/eric/tools/css/reset/

Normalise.css is more recommended nowadays

http://nicolasgallagher.com/about-normalize-css/
Because explorer is terrible.
(2013-07-11, 07:48 AM)Leefish Wrote: [ -> ]Try reading this:

http://meyerweb.com/eric/tools/css/reset/

Normalise.css is more recommended nowadays

http://nicolasgallagher.com/about-normalize-css/

I'm confuse as I was reading about normalize.css, what exactly does it do? Do I add normalize.css to mybb .css (Ex: global.css)? Will it mess up the theme if I install this?

I know I say "install" when it's not really installing but it just my way of saying "placing it into mybb"..
If you read the blog post by Eric Meyer (first link) then you will understand what his reset does.

Then, you can look at normalise.css, which does a similar thing but is more specific. You can read the links on the blog.

If you just drop this in a theme as is in the top of the global.css then the theme might look a bit strange, but that will be how it looks in all browsers. Then anything you put in after that in your css will be applied from the base reset.
(2013-07-11, 08:01 AM)Leefish Wrote: [ -> ]If you read the blog post by Eric Meyer (first link) then you will understand what his reset does.

Then, you can look at normalise.css, which does a similar thing but is more specific. You can read the links on the blog.

If you just drop this in a theme as is in the top of the global.css then the theme might look a bit strange, but that will be how it looks in all browsers. Then anything you put in after that in your css will be applied from the base reset.

Ugh, I guess it's my only option. Will work on this all day tomorrow then. Thanks for suggesting though LeeFish.
It is not the only option. You can accept that your theme will not be identical in all browsers; you may say that for IE7 and 8 you will load a specific stylesheet and they get a fair looking forum with a lot less bells and whistles. Trying to wrangle IE7 into submission will take a lot of time so look at your analytics data - see what browsers your visitors use.
(2013-07-11, 08:15 AM)Leefish Wrote: [ -> ]It is not the only option. You can accept that your theme will not be identical in all browsers; you may say that for IE7 and 8 you will load a specific stylesheet and they get a fair looking forum with a lot less bells and whistles. Trying to wrangle IE7 into submission will take a lot of time so look at your analytics data - see what browsers your visitors use.

I don't really think people use Explorer anymore but I would like to make it available for those who do uses it. I want it to be updated to the latest version of explorer though. I don't know, I might not and then state in the description of the theme with browser that might have bugs. Not sure how it look in Firefox though but will check it out. I just wish there was a simpler way to handle this issue.
There is.

Telling users you cant code is not the solution though Toungue

OPTIONS:

Make an IE7 stylesheet; use modernizer; stay with a safe table layout; don't try to run before you can walk.

Read up on web design and basic css and HTML and how to use the browser tools.
It doesn't make sense though because the website is fine, it just that 1 little piece that is out of place a few pixels.. I will start on the Post #2 though but it not clear how I can't add a css code that will only work for explorer.

For Ex:
#nameofdiv { *For Explorer 7/8/9*
margin-top: -2
margin-left: 1
}

But it doesn't work that way I don't think. :/
Pages: 1 2