Unwanted left and right browser margins

Question

I'm using Dreamweaver 2017.1 (build 9583).

I suddenly started getting these unwanted margins on the left and right of my web page, regardless of device and screen width. I do not get them in Dreamweaver live preview, only online.

Against the image background, the page is a centered div container with a class "container-fluid" whose css paddings and margins are all 0. Bootstrap used to put 15px left and right margins, but I reset them to 0. Now I'm getting these margins again, and bootstrap .container-fluid margins and paddings are still 0.

How do I remove these left and right margins so the container fills the entire with of any viewport?

Nancy OShea · Accepted Answer

OK thanks. So your page is doing exactly what you've told it to do. See my screenshot. This is Zoomed out all the way in my browser to approx 25%. I don't think you want to repeat your body background.

Another approach would be to put a more suitable background image inside your <header> and skip the body background entirely. But that would produce a sea of white space on larger displays.

Nancy

Nancy OShea · Answer

Using default Bootstrap code, I have no problem using container-fluid. It works as expected. See screenshot.

So something about your code is either broken or not set-up right for what you're trying to achieve. Check your code for errors. Or post a link to your online page.

Nancy

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded