Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Header na całą szerokość monitora

Założony przez  dorman.

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":
<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 :).
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


Zapraszam do lektur :
Pozycjonowanie Absolutne [CSS]
oraz
Pozycjonowanie Relatywne [CSS] ;)
Jakieś inne odpowiedzi?
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


Pokaż kody klas :
#panel
.menu
oraz
#header
ACP>Style i szablony>Twój styl>global.css>W edytorze uproszczonym
te opcje z header i menu mozesz pokombinowac np 450 px
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ść.
Boszka, a nie da się bez px ?

#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;
}
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


Spróbuj tak :
#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 {
Zrobiłem tak jak mówisz i teraz header najeżdżna na fora:
[Obrazek: 16kvqdu.png]
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


Wstaw <br /> w szablonie header.
A nie ma innego sposobu?
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


Chyba nie ;F
ustaw stałą szerokość standardowa dla monitorów
dla całego forum jak każdy
Dobra, poradziłem sobie.
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.





Użytkownicy przeglądający ten wątek:

2 gości