PDA

View Full Version : Website menu looked different in IE or may be other web browser



alakbd
03-31-2014, 04:39 PM
Hi Guys,
I having little problem here with the website view. I tried to solve it but so far no luck. If any one know about this to help then please do so. This is my site address. This site is under construction

http://www.dublinawamileague.net46.net/Businessindex.html

This site looks ok in Google Chrome but not IE
I am also attaching the CSS file with that.
A screen shot from Mobile Device (Android) you can see. In Mozilla(mobile) and normal mobile browser screenshot looks the same



Sorry I couldnt Provide enough evidence by that time it is IE 8. Also I found from mobile device the menu bar of the website is not showing properly. Can you provide some solution for this.
Thanks for the Help

Deadweight
03-31-2014, 05:21 PM
What's wrong with it? Everything seems the same in IE7-10

traq
03-31-2014, 08:00 PM
"looks okay" is not very helpful information. You need to describe the specific problems you're having, and what and how you want things to look. Screenshots (with notes) might be helpful.

alakbd
04-01-2014, 01:11 AM
I have gave some updates on my query.

Beverleyh
04-01-2014, 09:11 AM
I don't have my XP/IE8 laptop from work with me at the mo but I checked your link in IE10's dev tools - in IE8 browser/doc mode, and also in IETester's IE8 view, and everything looks fine to me. The footer is a little off-centre but its not a tragedy. What exactly is the problem you're having? Going back to what traq said, you need to be much more specific - what looks obvious to you, unfortunately doesn't to we outsiders.

As for your menu in a mobile device, remember to use the viewport meta tag https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag
That may change the look of your website once applied, but aside from the meta tag, are you aware of the use of media queries to adapt your layout at critical breakpoints? https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

In your shoes, I'd probably make the buttons a bit narrower for smaller screens (reduce left and right padding so they can still all sit on one row) and then past a certain point, adapt the css again to make the buttons sit vertically.

You should read more about responsive navigation patterns and decide which you want to apply: http://bradfrostweb.com/blog/web/responsive-nav-patterns/