Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Header na całą szerokość monitora
Pełna wersja: Header na całą szerokość monitora
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

dorman

20.04.2013, 10:33
wersja skryptu MyBB:1.6.9
adres forum: www.stylerniaa.ugu.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Witam,
Jak zrobić, aby header był na całą szerokość monitora?

Mój szablon "header":
Kod:
<a name="top" id="top"></a>
<div id="panel">
                {$welcomeblock}
            </div>
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            <div class="menu">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
<br class="clear" />
        </div>
<div id="container">
        <hr class="hidden" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br />
Z góry thx :).

GiboneKPL

20.04.2013, 10:37
Zapraszam do lektur :
Pozycjonowanie Absolutne [CSS]
oraz
Pozycjonowanie Relatywne [CSS] ;)

dorman

20.04.2013, 10:39
Jakieś inne odpowiedzi?

GiboneKPL

20.04.2013, 10:52
Pokaż kody klas :
#panel
.menu
oraz
#header

boszka

20.04.2013, 10:58
ACP>Style i szablony>Twój styl>global.css>W edytorze uproszczonym
te opcje z header i menu mozesz pokombinowac np 450 px

GiboneKPL

20.04.2013, 11:02
boszka - Ale weź pod uwagę to, że wtedy on będzie ustawiał szerokość względem rozdzielczości swojego monitora, czyli jak ktoś ma np. Większą rozdzielczość to nie będzie na całą szerokość.

dorman

20.04.2013, 11:04
Boszka, a nie da się bez px ?
Kod:
#header {
background:#F8F8F8;
border:1px solid #FCFCFC;
}
.menu {
}
#panel {
    background: #E7E7E7;
    color: #797979;
    font-size: 11px;
    border-bottom:1px solid #D7D7D7;
text-shadow: 1px 1px #FFFFFF;
    padding: 12px;
width:100%;
top:0px;
left:0px;
position:relative;
text-align:left;
}

GiboneKPL

20.04.2013, 16:26
Spróbuj tak :
Kod:
#header {
background:#F8F8F8;
border:1px solid #FCFCFC;
position: absolute; left: 0px;
position: absolute; right: 0px;
}
.menu {
}
#panel {
    background: #E7E7E7;
    color: #797979;
    font-size: 11px;
    border-bottom:1px solid #D7D7D7;
text-shadow: 1px 1px #FFFFFF;
    padding: 12px;
position: absolute; left: 0px;
position: absolute; right: 0px;
text-align:left;
}
I podaj mi klase .menu ul {

dorman

20.04.2013, 16:30
Zrobiłem tak jak mówisz i teraz header najeżdżna na fora:
[Obrazek: 16kvqdu.png]

GiboneKPL

20.04.2013, 16:31
Wstaw <br /> w szablonie header.

dorman

20.04.2013, 16:35
A nie ma innego sposobu?

GiboneKPL

20.04.2013, 16:39
Chyba nie ;F

boszka

20.04.2013, 16:54
ustaw stałą szerokość standardowa dla monitorów
dla całego forum jak każdy

dorman

21.04.2013, 11:00
Dobra, poradziłem sobie.
Webboard > Wsparcie MyBB > Style, szablony i grafika > Header na całą szerokość monitora