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
Basically, When I am on my PC on my site it is fine everything is formatted Correctly.
But when I zoom out it makes the background html colour show (Void kinda). No idea why its doing this but some users have pointed out that tablets and specifically iphones show this just from normal browsing.
Not sure as to what kind of code I can show as an example so just checkout the site: http://toolnet.work/
You have to use CSS Viewport Height unit where 1 vh is relative to 1% of the height of the screen.
div#page-wrapper {min-height:100vh;}
or
<div id="page-wrapper" class="gray-bg dashbard-1" style="min-height: 100vh;">
Related
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 11 months ago.
Improve this question
Difference between the headers
The website's header
My header
Can anyone please tell me what is the thing that is probably making this happen?
This is my span's style
This is the website's span's style
Edit: I tried to make the headers of stack overflow and facebook, I did not have the same problem, but I need to know why this website is like this.
Well it is the same, but the page is just resized. If both browser windows were the same size, they would be the same. The difference is very slight anyway.
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 4 years ago.
Improve this question
I am using vanila Css and having sucsess on the mobile Firfox broswer but a a problem occuring using Chrome broswer.
Here is the link.
Man i could not fixed. removing the footer which is fixed only partly solves the problem the right blank white
There is a "#footerTxt" element in the "#footer", you may modify it's css. If you remove the 'width' from it, the view is will normalizing (white space will remove from the right side).
You need to change/modify this "#footerTxt width" property.
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
A while ago I created www.readourlips.org and it looked great on phone and computer. But now, the index.html page is narrow when viewed on an iPhone (at least mine) because the body color is visible (see photo)
Does anyone know why this would suddenly change? It's not essential but the site doesn't look great anymore on a phone (only home page though)
Thank you all,
website is http://readourlips.org
David
The map at the bottom of the homepage is pushing the website to the right side, make the map have a width=100% and this will fix it
Take out the width attribute on the iframe tag, and put the width=100% as inline css
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
To be honest I am very new to HTML/css so forgive me if I could not be specific. See the right side of the page. The elements are fine but the background bar changes size according to the page. If I maximize the page then everything is fine.
Here is the jsbin link: https://jsbin.com/qaxaxo/edit?html,output
thanks in advance for helping, I am really stuck here.
In your case, you must define a min-width attribute for #container in CSS look below :
#container {
min-width:1270px; /* Or whatever is minimum size of header */
width:100%;
}
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
So I am making a test website and I all text images, and navigation text is in the middle of the page and there is a lot of space on the side. how can I use more of the space on the side?
Use your CSS to define the size of your main content. If pixel size (say width:1000px) isn't enough, then set the width to width:100%.
In any case, you are going to have to do some serious research on CSS and how to use it.