CODEWITHSUNDEEP
cssfullscreen
user2028813
user2028813

Reputation: 11

fullscreen website shows horizontal scrollbar and is cut on the right

I'm working on this website and I can't figure out how to fix the problem. if you use a fullscreen browser window you will see it perfectly (any major browser) but if the window is smaller, it shows the horizontal scrollbar plus cuts the website on the right of around 50px. I can't change the design to make it more easy to do.

here's the link, you can see both html and css

http://www.ircm.comunicazioneimmagine.eu/

Upvotes: 1

Views: 2025

Answers (2)

n1xx1
n1xx1

Reputation: 2076

Using fixed size layout will cause problems with different screen resolutions. You should use fluid layouts to resolve the problem.

If you don't want to use fluid layouts.

Put all the content into a div with margin: 0 auto and add text-align: center to the body (IE explorer compatible). Choose a background that looks nice with the page and you're done.

But if the screen resolution is less than actual page size there won't be any solution but resizing the page manually.

Upvotes: 1

SQLGuru
SQLGuru

Reputation: 1099

the horizontal scroll bar is there cause your page exceeds the innerheight of the browser... my current res is 1920x1080 and I cannot see the bottom of the page. Perhaps try reducing the size of the big IRCM at the bottom.

Upvotes: 0

Related Questions