[Devon]

Guten Abend,

ich suche schon seit Stunden eine Möglichkeit den Header und den Welcomeblock in einer Reihe oben anzuzeigen zu lassen. Im Moment ist der Block noch etwas weiter nach unten zentriert (wie man dem Screenshot entnehmen kann):

   

Ich möchte jedoch das Beides auf einer Ebene/Reihe ist und wenn möglich das der Text gleichmäßig angezeigt wird. Ich habe es schon mittels float und margin versucht, allerdings schlägt beides fehl.

Ich erhoffe mir hier einen Lösungsweg zufinden.

Anbei die Codes der CSS-Datei:

Code:

#panel {
    background: url(images/panel_bg.gif) no-repeat center left;
        padding: 9px;
        width: 225px;
       height: 79px;
}

Das Header-Template sieht momentan so aus:

Code:

<div id="header">
            <div style="align: left; text-align: left; margin-left: 142px; margin-right: 30px;"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div><div style="align: right; text-align: right; margin-left: 1350px; margin-right: 30px;"><div id="panel">
                {$welcomeblock}
</div></div>
            <table border="0" align="top" style="text-align: top; width: 99%; padding: 20px; margin: auto auto;">

MfG

[Jockl]

Hast Du es mal mit float:left und float:right probiert? So wie nachfolgend:

Code:

#panel {
    background: url(images/panel_bg.gif) no-repeat center left;
        padding: 9px;
        width: 225px;
       height: 79px;
       float: right;
}

Das Header-Template sieht momentan so aus:

Code:

<div id="header">
            <div style="float:left; align: left; text-align: left; margin-left: 142px; margin-right: 30px;"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div><div style="align: right; text-align: right; margin-left: 1350px; margin-right: 30px;"><div id="panel">
                {$welcomeblock}
</div></div>
            <table border="0" align="top" style="text-align: top; width: 99%; padding: 20px; margin: auto auto;">

[Devon]

Hast Du es mal mit float:left und float:right probiert? So wie nachfolgend:

Code:

#panel {
    background: url(images/panel_bg.gif) no-repeat center left;
        padding: 9px;
        width: 225px;
       height: 79px;
       float: right;
}

Das Header-Template sieht momentan so aus:

Code:

<div id="header">
            <div style="float:left; align: left; text-align: left; margin-left: 142px; margin-right: 30px;"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div><div style="align: right; text-align: right; margin-left: 1350px; margin-right: 30px;"><div id="panel">
                {$welcomeblock}
</div></div>
            <table border="0" align="top" style="text-align: top; width: 99%; padding: 20px; margin: auto auto;">

Hab ich auch schon versucht, allerdings hab ich dann das Problem das der Welcomeblock nicht zum Container des Forums passt, da er zuweit rechts ist. Ich müsste quasi wie im Header-Template das Ganze mit margin-left und right machen.

[Kenny]

Bei solchen Fragen ist es immer recht schwer Hilfestellung zu leisten wenn man keinen Link zum entsprechenden Forum hat. Kannst du diesen evtl. posten?

[Devon]

Bei solchen Fragen ist es immer recht schwer Hilfestellung zu leisten wenn man keinen Link zum entsprechenden Forum hat. Kannst du diesen evtl. posten?

Hat sich erleidigt. Ich habe einfach margin-left in der CSS bei panel festgelegt und dann experimentiert, sodass es passt. Danke für die ausführliche Hilfe.