Webboard

Pełna wersja: Auto szerokość tła.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:
adres forum: advertgame.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Zrobiłem nieruchome menu wraz z logo i panelem rejestracji. Chcę by to wszystko miało białe tło na auto szerokość. Jak widać tło nie pokazuje się po stronie lewej. Jak się z tym uporać?
Spróbuj dodać coś takiego: margin-left: -300px; np.
To tylko poszerza mi logo wraz z menu na szerokość. Po prawej stronie jest białe tło tylko czego po lewej się nie chce zrobić.
Pomoże ktoś?
Klasa div.banner ma wyglądać tak:

Kod:
div.banner {
background: #fff;
position: fixed;
width: 1200px;
}
c0nst, kolor już wcześniej miałem ustawiony lecz usunąłem go bo psuje nieco forum. Nie uzyskuje takiego efektu jakiego bym chciał mieć. Sprawdź teraz advertgame.pl

PS: Chcę aby białe tło było na całą szerokość strony. Przy użyciu width: auto; białe tło rozciąga się po prawej stronie a po lewej od menu nie.
ID 'container' ogranicza szerokość do 95% szerokości monitora.
Aby miało 100% musisz wynieść poza 'container' (przenieść nad 'container' klasę 'banner').


I dodać lub zamienić/podmienić.
Kod:
div.banner {
    background-color: #FFF;
    position: fixed;
    width: 100%;
    height: 70px;
}

.float_left {
    float: left;
    margin-left: 50px;
    width: 9%;
}

.logo {
    width: 65%;
}

.float_right {
    float: left;
    width: 31%;
}

#panel {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    padding: 8px 0px;
    text-align: right;
    width: 100%;
    margin-top: 42px;
}

#register {
    margin-top: -35px;
}
Radarr zrobiłem jak mi napisałeś, wstawiłem klasę 'banner' przed 'container' i za wiele to nie dało. Poszerzone jest całe forum na szerokość ekranu.
Jak znowu widzę to 'Container' został dodany wewnątrz 'banner'. A tak nie powinno być.
Przykład:
Kod:
<div class="banner">(zawartość)</div>
<div id="container">(zawartość)</div>

Upewnij się, że 'banner' ma div'a zamykającego go. Podmieniłeś class'y i id'y, które podałem? Bo jak sprawdzam 'banner' to nie ma tam 'width: 100%' tylko 'width: 1200px'.

W zawartośći 'banner' powinno znaleźć się:
<span></span> z klasą: "float_left" i "float_right" i pomiędzy nimi div z klasą 'logo'
Już sobie poradziłem, trzeba było nie co inaczej zrobić, jeżeli ktoś będzie chciał wiedzieć jak to zrobić to proszę pisać.