Feste Höhe von Header

[Suffheini]

Hallo,
ich möchte gern den Style artodia_elegance_black nutzen (phpbb3styles.net). Habe mein Loge eingefügt, dabei hab ich festgestellt das sich die Höhe der Headergrafik automatisch anpasst (habe derzeit oben und unten nur ca 2cm Luft). Den Header möchte ich gern auf eine bestimmte Höhe festsetzen, leider habe ich bisher keine Datei gefunden in der ich das ändern kann.

Würde mich sehr freuen wenn mir jemand einen Tipp geben könnte.

Gruß
Suffheini

[Crizzo]

Hi,

hast du mal einen Link zu deinem Forum?

Grüße

[Suffheini]

Hi,
das geht leider nicht da gerade local am testen. ich hab sämtl. Dateien abgegrast von dem style da ja irgendwas mit background-size: auto auto sein muß.

Gruß

[Crizzo]

Nein, über den Hintergrund kann man keine Headergröße definieren.

Lad doch mal deine overall_header.html in die https://www.phpbb.de/support/pastebin.php

[Suffheini]

Da isser

[Crizzo]

Dann such mal im CSS nach #header und trage da eine height ein. Und schau mal, ob es das ist, was du wolltest.

[Suffheini]

Code: Alles auswählen

/*
    Header and footer
*/
#header {
    margin: 0;
    padding: 0 8px;
    background: #3c884e url({T_THEME_PATH}/images/top2.png) top left repeat-x;
    border-bottom: solid 1px #3e3e3e;
    text-align: center;
}

#header > a {
    padding: 0;
    line-height: 1em;
    font-size: 1px;
    text-decoration: none;
    border-width: 0;
}
#header > a > img { 
    margin: 0; 
    padding: 0;
    opacity: 1 !important;
}
#header > p, #header > h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 1.4em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.1) 1px 2px 1px;
}

#header > h1 {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.85);
}
.old-ie #header > h1 {
    color: #d4ecda;
}
#header > p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}
.old-ie #header > p {
    color: #e9f4eb;
}

#page-header {
    background-color: #282828;
}

#nav-header {
    font-size: 12px;
    line-height: 1em;
    text-align: left;
    padding: 4px 0;
}
#nav-header a, #nav-header a:visited {
    display: inline-block;
    position: relative;
    margin: 0;
    margin-left: 16px;
    padding: 10px 14px;
    padding-left: 4px;
    height: 12px;
    line-height: 1em;
    font-size: 12px;
    color: #36bb55;
    background: url({T_THEME_PATH}/images/menu2_right.png) 100% 0 repeat-x;
    text-decoration: none;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
}
#nav-header a:hover, #nav-header a.new {
    background-position: 100% -40px;
    color: #fbf0ec;
    text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0;
}
#nav-header a span {
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    width: 10px;
    background: url({T_THEME_PATH}/images/menu2_left.png) 0 0 no-repeat;
}
#nav-header a:hover span, #nav-header a.new span { background-position: 0 -40px; }
#nav-header strong { font-weight: normal; }


#search-box {
    float: right;
    width: 182px;
    height: 28px;
    margin-top: 4px;
    margin-right: 6px;
    background: url({T_THEME_PATH}/images/search2_icon.png) 8px 8px no-repeat, url({T_THEME_PATH}/images/search2.png) center left no-repeat;
    padding-left: 22px;
    padding-top: 4px;
}
.old-ie #search-box {
    background: url({T_THEME_PATH}/images/search2.png) center left no-repeat;
    padding-left: 10px;
    width: 194px;
}
#search-box form { 
    display: inline; 
    border-width: 0;
    margin: 0;
    padding: 0;
}
.old-ie #search-box input[type="text"] {
    margin-top: 3px;
}
#search-box input[type="text"] {
    margin: 0;
    padding: 4px 3px;
    border-width: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: transparent;
    height: 16px;
    width: 140px;
    line-height: 1em;
    font-size: 12px;
    color: #36bb55;
    outline-style: none;
    -webkit-appearance: none;
}
#search-box input[type="text"]:hover, #search-box input[type="text"]:focus {
    color: #f36b42;
}
.browser-ie #search-box {
    padding-top: 2px;
}
.browser-ie #search-box input[type="text"] {
    height: 14px;
}

/*
    Footer
*/
#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    vertical-align: bottom;
    line-height: 1.3em;
    margin: 0;
    padding: 8px;
    padding-bottom: 6px;
    padding-top: 30px;
    font-size: 11px;
    color: #666;
    max-height: 60px;
    overflow: hidden;
    background: #1c7931 url({T_THEME_PATH}/images/footer.png) 0 0 repeat-x;
}
#footer .copyright {
    color: rgba(0, 0, 0, 0.8);
    text-shadow: rgba(255, 255, 255, 0.1) 1px 2px 1px;
}
#footer .copyright a, #footer .copyright a:visited {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: underline;
}
.old-ie #footer .copyright, .old-ie #footer .copyright a, .old-ie #footer .copyright a:visited {
    color: #000;
}
#footer .copyright a:hover, #footer .copyright strong a {
    color: #000;
    text-decoration: underline;
}

body.simple .copyright {
    text-align: center;
    color: #666;
    font-size: 11px;
}

.copyright .copy-left {
    float: left;
    text-align: left;
    padding-left: 8px;
}
.copyright .copy-right {
    float: right;
    text-align: right;
    padding-right: 8px;
}

/*
    Wrapper
*/
#page-body { 
    padding: 0 6px 100px;
    background: url({T_THEME_PATH}/images/content_top.png) 0 -1px repeat-x;
    border-top: solid 1px #101010;
}
body.simple #page-body { 
    padding: 0 6px; 
    background: none;
    border-top-width: 0;
}
#page-body > p, .section-index #page-body > form { margin: 6px 4px; }
#page-body > p.rightside { margin: 0; }
body.simple #page-body > h2.solo {
    margin-top: 10px;
}

.container-block {
    background: url({T_THEME_PATH}/images/content_top.png) top left repeat-x, url({T_THEME_PATH}/images/content_bottom.png) bottom left repeat-x;
}

/*
    Navigation
*/
.nav-links {
    margin: 0;
    padding: 8px 10px 8px 16px;
    text-align: left;
    color: #666;
    background: url({T_THEME_PATH}/images/nav_links.gif) 6px 51% no-repeat;
}
.nav-links:hover { background-position: 8px 51%; }
.nav-links .rightside { float: right; }
.nav-links .time { color: #999; }

.old-ie .nav-links {
    background: url({T_THEME_PATH}/images/content_top.png) 1px left repeat-x;
    border-bottom: 1px solid #202020;
    border-top: 1px solid #383838;
    margin: 0 -6px;
}
.old-ie #footer .nav-links {
    border-bottom-width: 0;
    background: none;
}
.nav-extra {
    float: right;
    font-size: 11px;
    margin: 8px;
    color: #999;
}
#page-body .nav-extra { margin-right: 6px; }

#footer .nav-links {
    margin-bottom: 6px;
}

/*
    Rules
*/
div.rules {
    margin: 6px 4px;
    padding: 6px;
    background: #2b2220;
    border: solid 1px #45312c;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-shadow: none;
}
div.rules .inner > strong { 
    color: #f36b42; 
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4em;
}
#information {
    text-align: center;
    padding: 20px;
}

da muß sicher noch was dazugetragen werden oder?

[Crizzo]

Ja und zwar bei #header { ... } fehlt die Höhe des Elementes: http://www.thestyleworks.de/ref/height.shtml

[Suffheini]

Danke für den Link, habs mir durchgelesen und naja css ist wohl auch nur bedingt brauchbar wenn jemand nen alten Browser nutzt.

Ich werde mir mein Logo mit einer größeren transparenten Hintergrundfläche erstellen, dann macht es den Header autom. breiter. Mit dem css gefällt mir persönlich nicht wirklich

Gruß

[Crizzo]

Danke für den Link, habs mir durchgelesen und naja css ist wohl auch nur bedingt brauchbar wenn jemand nen alten Browser nutzt.

Da muss der Browser aber verdammt alt sein, mit "height" kommt sogar der IE5.0 klar und der ist nun wirklich uralt: http://www.css4you.de/height.html