Header moves on different web pages [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
Hi I just set up a website and I placed some other webpage inside to check what looks like. When looking at webpages, on 2 of the pages the moves to the right for some reason. Just wondering if anyone had any thoughts why the heading is moving only on these 2 pages and not the other 2.
If you wanted to view my problem its on teamnews.org if you click on "tours" then on "about" the header moves to the right slightly on "about" page.

Its because of your scroll bar on the right side. Add this to the first two pages.
body{
overflow-y: scroll;
}

Related

Sections partially overlapping [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 days ago.
Improve this question
In the picture you can see that part of "Schedule" is overlapping "Networking session". How do I stop this? It appears fine on computer screens but it appears like this on my phone. I do have different code written for screens with widths less than 415px.
what it looks like when one opens the website. Note the available space at the bottom of the table
At first, only the "schedule" would appear without the background. So I added position: relative but it still didn't work. How do I solve this problem? Any help will be appreciated.
[what it looks like after I added display: relative]
(https://i.stack.imgur.com/l5d81.png)

Blank vertical column/space to the right on ipad mode [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I am in the process of creating this website
if you open developer mode on chrome and change to ipad there is blank column to the extreme right that runs throughout the page. I have no idea whats causing that break and i want to get rid if the space. All I can see is there is a border:box property from reboot.scss. bootsrap 4 is used in this development
any pointers will be much appeciated
Just add
html, body {
overflow-x: hidden;
}
Since you have overflowing/long link to the mail, it is taking up the area. If you use word-break for the same it works, depends on how you want to handle it.

Footer placing itself behind gallery [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I got troubles placing my footer at the bottom on one page. It works fine on all pages, except for my gallery page.
The footer places itself behind the gallery images, while the content displays after the last image in the gallery.
In my structure the footer is placed after all the images in the gallery, but when I inspect the site, it seems like the div has no height.
Try add float: left to gallery and footer and then set also width: 100% for footer.

HTML/CSS bottom navigation misplaced [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am very new at both HTML and CSS but learning on the way. I have come to a stuck point and I can't seem to work it out. When viewing my webpage I have noticed that when I 'inspect element' the bottomnav div and ul div are both the size of my main div which is basically 0.
This is causing my issues in terms of trying to place a boarder on my bottom navigation.
None of the images are working but here it is
Code: http://jsbin.com/xuluqugovu/edit?html,css,output
Thanks for anyone's help on this.
Set overflow:auto on the .main rule (since its contents are floated, it does not expand to contain them)

Bootstrap columns in fluid container [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
Im trying to set out my web page so in the top left corner i have a welcome message, and in the top right corner i have a log-out link. I'm using a fluid container, which holds 2 columns, one for left and one for right. For some reason both messages are spawning on the very right hand side of the screen. Can anyone help me with this?
The correct class in bootstrap is col-md-6, not column-md-6.