Bootstrap 5 Горизонтальная прокрутка в никудаCSS

Разбираемся в CSS
Ответить
Anonymous
 Bootstrap 5 Горизонтальная прокрутка в никуда

Сообщение Anonymous »

На каждой странице, которую я создаю, есть возможность немного прокручиваться по горизонтали. Когда он прокручивается, там ничего нет, нижний колонтитул и заголовок заканчиваются на краю экрана и просто прокручиваются до белого цвета. Это совсем немного, но это раздражает, поскольку полоса прокрутки занимает место на моем крошечном ноутбуке.
[обратите внимание на пробел сбоку от заголовка.][1]
[1]: https ://i.stack.imgur.com/mHSDx.png
Поскольку это происходит на каждой странице, у меня такое ощущение, что это как-то связано с моим CSS для верхнего или нижнего колонтитула, хотя я не могу понять какой. Ниже я включил свой CSS и свою домашнюю страницу.
Я надеялся, что кто-нибудь поможет положить конец горизонтальной прокрутке.
CSS:< /strong>

Код: Выделить всё

#navbar {
background-color: #1A409F;
position: center;
}

#NavBrandText {
color: white;
text-decoration: none;
font-style: italic;
font-family: Helvetica-UltraCompressed;
letter-spacing: 1px;
padding-right: 80px;
}

@font-face {
font-family: Helvetica-UltraCompressed;
src: url(Helvetica-UltraCompressed.otf);
}

#offcanvas-subheading {
font-size: 30px;
padding-right: 15px;
}

#offcanvas-body {
font-size: 20px;
padding-left: 10px;
text-decoration: none;
color: black;
}

#navlogo {
width: 80px;
}

#offcanvas-open {
border-style: solid;
border-color: #2149ae;
border-width: 5px;
border-radius: 5px;
color: white;
}

#menuButton {
height: 20px;
width: 20px;
}

.carousel-control-prev {
padding-right: 150px;
}

.carousel-control-next {
padding-left: 150px;
}

#footer {
background-color: #292929;
padding-top: 20px;
padding-bottom: 20px;
}

.footer-top .container {
padding-bottom: 10px;
}

.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

.row:before {
display: table;
content: " ";
}

.col-sm-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}

.footernote {
display: block;
text-align: center;
margin-bottom: 0;
}

.footernote li {
display: inline-block;
color: #fff;
}

#before:before {
font-family: FontAwesome;
content: " \f111 ";
font-size: 7px;
margin: 5px;
vertical-align: middle;
color: #fff;
}

.ul {
padding: 0;
margin-top: 0;
}

.ul li {
list-style: none
}

#SystemBuilder {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
height: 1000px;
}

#ProductHead {
margin-left: 25px;
}
HTML домашней страницы[/b]

Код: Выделить всё









[*]





Jailbreak Computers














[url=Home Page.html]
[i]
[/url]
[url=Home Page.html]
Jailbreak Computers
[/url]
[list]

[/i]

[/list]






Pages


[list]
PC Components
[url=PCCOM_CPUs.html]CPUs[/url]
[*][url=PCCOM_MBD.html]Motherboards[/url]
[*][url=PCCOM_Memory.html]Memory[/url]
[*][url=#]Storage Devices (HDD/SSD)[/url]
[*][url=#]Graphics Cards[/url]
[*][url=#]Power Supply[/url]
[*][url=#]Case[/url]
[*][url=#]Accessories[/url]

[*][url=PCCOM_SystemBuilder.html]System Builder[/url]

Peripherals
[*][url=#]Keyboards[/url]
[*][url=#]Mice & Mousepads[/url]
[*][url=#]Monitors[/url]
[*][url=#]Headsets/Speakers[/url]
[*][url=#]Microphones[/url]

Software
[*][url=#]Apps[/url]
[*][url=SW_Games.html]Games[/url]
[*][url=#]Operating Systems[/url]

Other
[*][url=#]Competitions[/url]
[/list]
















[url=https://www.microsoft.com/en-au/windows/windows-11]
[img]Images/Windows 11.gif[/img]
[/url]

[url=https://www.computeralliance.com.au/search?search=EPOS%20H6PRO]
[img]Images/EPOS Headset.gif[/img]
[/url]

[url=https://www.computeralliance.com.au/Intel-Game-Bundle-Q4]
[img]Images/IntelPromo.jpg[/img]
[/url]

[url=https://www.computeralliance.com.au/search?search=+%20BONUS%20USD%20Steam%20Voucher!*]
[img]Images/MSIPromo.png[/img]
[/url]

[url=https://www.computeralliance.com.au/search?search=BONUS%20Far%20Cry%206!*]
[img]Images/SamsungPromoFarCry.jpg[/img]
[/url]

















Do You Want A Cookie? We Want Yours! 🍪

[b]This site uses cookies[/b] to personalise the content for you. We legally have to ask you to accept these for marketing and advertising purposes. Cookies are used by third-parties to offer ads suited and tailored to you.

[b]Just kidding.  We dont really use cookies.[/b] There are no ads on this site sponsored by third-parties, but to be annoying, we do ask you disable you Ad Blocker so we do get paid for ads.

[url=https://www.youtube.com/watch?v=dQw4w9WgXcQ]
More Information
[/url]
Accept & Close









[list]
[*]Local Partners: [url=https://www.computeralliance.com.au/]Computer Alliance[/url] and [url=https://www.umart.com.au/]Umart[/url]
[/list]
[list]
[*]Showroom Open 7 Days
[*]
Monday to Friday 8am to 5pm

[*]
Thursday 8am to 7pm

[*]
Saturday 9am to 5pm

[*]
Sunday 9am to 4pm

[/list]
[list]
[*]Cnr Manly Rd & New Clevland Rd, Tingalpa
[*]Phone [url=tel:07 26678837]07 2667 8837[/url] (07 COMPUTER)
[*]Email [url=mailto:24945@iona.qld.edu.au]sales@jailbreakcomputers.com.au[/url]
[/list]












window.onload = () => {
$('#onload').modal('show');
}




Спасибо,
Pilot640

Подробнее здесь: https://stackoverflow.com/questions/699 ... to-nothing
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»