CodingForums
درباره سایت
آخرین مطالب
- QQSLOT LINK DAFTAR WEBSITE DAPET BONUS DI AWAL
- QQSLOT Situs QQ Dijamin WD Besar
- Belajar Pemrograman Komputer dengan Yang Terbaik - Pelajari cara membuat program bersama kami, di sini Anda dapat mempelajari cara membuat halaman web yang indah menggunakan HTML dan CSS.
- RankMonarch - Jasa Full-Stack Digital Marketing Segala Niche
- Copy a Button?
- Centering Text
- ^EQ and selecting multiple items
- Search in a multidimensional array and get the key?
- How do i pass form vaues to javascript window.open.
- Flexbox postioning
امکانات وب
I can't explain this behaviour, and I have been investigating this problem for 2 days now. The website in question is: https://www.ashenglowgaming.com
Within a particular screen size range, my website - instead of fitting to the screen size as it has been coded to do within that screen range, goes into x scrolling, and exibits dead space to the right of the website.
Check out this simulation and scroll right to see the dead space.
Screenshot showing what I mean:
At that screen range, the following CSS media query is active:
There's two problems here and they may be related:
Can someone go into developer mode and diagnose the problem for me?
Within a particular screen size range, my website - instead of fitting to the screen size as it has been coded to do within that screen range, goes into x scrolling, and exibits dead space to the right of the website.
Check out this simulation and scroll right to see the dead space.
Screenshot showing what I mean:
At that screen range, the following CSS media query is active:
Code:
@media only screen and (max-width: 1024px){
div.sidebar {
height: 100% !important;
font-size: 10pt !important;
width: 30%;
display: table-cell !important;
vertical-align: top;
clear: right !important;
float: left;
}
div#page{
margin: 0 auto !important;
padding: 0 !important;
max-width: 100% !important;
}
div#main{
}
div#primary{max-width: 100% !important}
main#content, .site-content{
float: left;
width: 70% !important; /* Note this is an ier-div, so it is not the explanation for the gap to the right */
}
div#super-content{
max-width: 100% !important;
}
} /* end media query */There's two problems here and they may be related:
- That dead space is disgusting - I don't want it.
- My webpage content is not fitting to the screen horizontally as it was coded to do.
Can someone go into developer mode and diagnose the problem for me?
برچسب:
نویسنده: آیلین رضوانی