when minimizing browser, has a white space when scrolling over
Tag : html , By : greggerz
Date : March 29 2020, 07:55 AM
should help you out From your comment, that could well be your problem; your fixed width. Try replacing width with max-width.
max-width will behave much the same as width while the containing element is that wide or wider, but will allow the div to contract when it gets smaller than the width you set.
|
White space below div in Chrome, but not Firefox (HTML5)
Date : March 29 2020, 07:55 AM
To fix this issue With a window height of 754 I got 13 patches, each with a height of 56 (outline excluded). This tells me that you might not calculate the amount of patches per total height, 754 / 50 = 15.08. // add this instead of outline
.patch {
width: 50px;
border: 1px solid #fff
box-sizing: border-box;
}
/*
"border-box" makes the element have a total size of its set width
which means setting the border size to 1 will not change the
total width of the element, it will change the "inner width" to 48
*/
// to support IE7 (and lower) use this to get 50px element
.patch {
width: 48px;
border: 1px solid #fff
}
/*
and if you will add padding you need to re-calc the width as
paddings will affect the total width in the same way border does
*/
|
white space bottom of page in firefox but not chrome
Tag : html , By : Icyflash
Date : March 29 2020, 07:55 AM
will help you There is white space below my div in Firefox but not in Chrome. I think it has something to do with my #body-content-container having the properties position: relative; and bottom: 300px; this gets the right positioning effect I'm looking for in Chrome, but in Firefox it creates a white space. When I get rid of these lines the div isn't positioned in the right place in either FF or Chrome. , Try changing the bottom value for the #body-content-container. #body-content-container {
background-color: #d5b93f;
position: relative;
bottom: -15px; /* change 300px to -15px */
}
@-moz-document url-prefix() {
#body-content-container {
background-color: #d5b93f;
position: relative;
bottom: 300px;
margin-bottom:-320px; }
}
|
Showing unwanted space on the right side of a page in mobile chrome browser but fine in mobile firefox browser
Tag : html , By : amorican
Date : March 29 2020, 07:55 AM
hop of those help? this is because of you make container padding 0pxusing class px-0 remove this class with the container class at the place mentioned by me in following image. I am sure this will help.
|
minimizing browser window affects the page style
Date : March 29 2020, 07:55 AM
|
Boards Message :
Related QUESTIONS :
