website open in different way in different browser

Hello

 

This is common problem for web sites , this happens because at a time of web development developers does not thinks about the end users device resolution

 

End user may have different resolution than you have , and also device may be different like :

 

- Mobile , Laptop/Computer , Tablet with different zooming level

 

And also end user may not be technically aware like us who develop web apps 

 

So for that we need to make use of responsiveness of developed website 

 

For that refer below links :

 

Video :

 

https://www.youtube.com/watch?v=eOG90Q8EfRo

 

Articles :

 

https://developers.google.com/web/fundamentals/codelabs/your-first-multi-screen-site/

 

https://www.w3schools.com/html/html_responsive.asp

 

https://dzone.com/articles/using-csshtml-make-responsive

 

https://www.catswhocode.com/blog/making-a-website-responsive-in-3-easy-steps

 

https://learn.shayhowe.com/advanced-html-css/responsive-web-design/

 

I hope above links may help you

 

Thanks

Follow the Bootstrap standard to resolve the alignment issue. Find the URL: http://getbootstrap.com/2.3.2/scaffolding.html

Try to make Responsive design is to build web pages that detect the visitor's screen size and orientation and change the layout accordingly. Place menu item in div and learn about responsive design if u r facing problem share your code