Rahmen um Forum und Portal phpBB3

Kojote

Hallo!

Ich habe mir die letzten Tage ein Forum inkl. Portal mit phpBB3 aufgebaut. Style Prosilver. Nun wollte ich um alles einen Rahmen haben, da mir der Stil des Rahmens hier sehr gut gefällt (darf ihn übernehmen, bekomm aber keine Hilfe zum Scripten):

Drachenblut • Portal

Mir geht es dabei um den unteren roten + seitlichen Rahmen, zudem das Menü wo Portal Forum und Co drin steht.

Einen Rahmen habe ich bisher in die Overall_header.php eingetragen:

PHP

<div id="menubase_block">
      <div class="menubase-l"></div>
      <div class="menubase-m"></div>
      <div class="menubase-r"></div>
   </div>


   <div id="border_block">
   <div id="borderleft">
   <div id="borderright">

Und in Overall_footer:

PHP

<div id="footer_block">
  <div class="foot-l"></div>
  <div class="foot-m"></div>
  <div class="foot-r"></div>

Damit habe ich nun einen gesamten Rahmen um das Forum:

http://img5.fotos-hochladen.net/uploads/frage07agsmdcew.jpg

Der Stück mit R2D2 ist der obere Teil des Rahmens und nur ein Platzhalter für die richtige Grafik und soll nun an diese stelle die mit dem Pfeil markiert ist.

Das ist der Knackpunkt meines Problems. Irgendwie lässt sich beides nicht verbinden, da mein border_block den ich geschrieben habe nicht im inneren Bereich angenommen wird und mir so das gesamte Layout zerhaut.

Hoffe ich konnt mich gut genug ausdrücken wo mein Problem ist.

So sieht zur Zeit meine Overall_header.php aus:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>


<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>


<!-- IF S_ENABLE_FEEDS -->
    <!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
    <!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&amp;t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->


<!--
    phpBB style name: prosilver
    Based on style:   prosilver (this is the default phpBB3 style)
    Original author:  Tom Beddard ( http://www.subBlue.com/ )
    Modified by:
-->


<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<!-- IF UA_GREY_STAR_SRC -->
<!-- INCLUDE kb/rating_js.html -->
<!-- ENDIF -->


<script type="text/javascript">
// <![CDATA[
    var jump_page = '{LA_JUMP_PAGE}:';
    var on_page = '{ON_PAGE}';
    var per_page = '{PER_PAGE}';
    var base_url = '{A_BASE_URL}';
    var style_cookie = 'phpBBstyle';
    var style_cookie_settings = '{A_COOKIE_SETTINGS}';
    var onload_functions = new Array();
    var onunload_functions = new Array();


    <!-- IF S_USER_PM_POPUP and S_NEW_PM -->
        var url = '{UA_POPUP_PM}';
        window.open(url.replace(/&amp;/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
    <!-- ENDIF -->


    /**
    * Find a member
    */
    function find_username(url)
    {
        popup(url, 760, 570, '_usersearch');
        return false;
    }


    /**
    * New function for handling multiple calls to window.onload and window.unload by pentapenguin
    */
    window.onload = function()
    {
        for (var i = 0; i < onload_functions.length; i++)
        {
            eval(onload_functions[i]);
        }
    };


    window.onunload = function()
    {
        for (var i = 0; i < onunload_functions.length; i++)
        {
            eval(onunload_functions[i]);
        }
    };


// ]]>
</script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>


<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />


<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
<link href="{T_THEME_PATH}/chat.css" rel="stylesheet" type="text/css" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
    <link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->


<style type="text/css">
  #menu ul li a {
      color: #{S_MENU_FONT_COLOR};
  }
  #menu ul li a:hover {    
    background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_bg_hover.gif') repeat-x;
    color: #{S_MENU_FONT_COLOR_HOVER};
    text-decoration: {S_MENU_DECORATION};      
  }
  #menu ul ul li {
    background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_subbg.gif') repeat-x;
  }
  #menu ul ul li a:hover {    
    background: url('{T_THEME_PATH}/images/menu/{S_MENU_COLOR}/menu_subbg_hover.gif') repeat-x;
  }
</style>


</head>


<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">


   <div id="menubase_block">
      <div class="menubase-l"></div>
      <div class="menubase-m"></div>
      <div class="menubase-r"></div>
   </div>
   <div id="border_block">
   <div id="borderleft">
   <div id="borderright">


<div id="wrap">
    <a id="top" name="top" accesskey="t"></a>
    <div id="page-header">
        <div class="headerbar">
            <div class="inner"><span class="corners-top"><span></span></span>


            <div id="site-description">
                <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                <h1>{SITENAME}</h1>
                <p>{SITE_DESCRIPTION}</p>
                <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
            </div>


        <!-- IF ( S_DISPLAY_SEARCH and not S_IN_SEARCH ) and not ( .buttons and S_MENU_SEARCH ) -->
            <div id="search-box">
                <form action="{U_SEARCH}" method="get" id="search">
                <fieldset>
                    <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                    <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                    <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
            </div>
        <!-- ENDIF -->


    <!-- IF .buttons -->
      <span class="corners-bottom" style="height:0px;"><span style="display: none;"></span></span></div>
    </div>
    <div id="menu" style="clear:both;margin-top:-4px;background: url('{T_THEME_PATH}/images/aussenrahmen_mitte_oben.gif') repeat-x;">
        <div class="inner">
        <span class="menu_corner-left" style="background: url('{T_THEME_PATH}/images/aussenrahmen_ecke_oben_links.gif') no-repeat;"></span>
        <span class="menu_corner-right" style="background: url('{T_THEME_PATH}/images/aussenrahmen_ecke_oben_rechts.gif') no-repeat;"></span>
        <ul>
        <!-- BEGIN buttons -->
            <li style="float:{S_MENU_ALIGN};"<!-- IF .buttons.sub --> onmouseover="getElementsByTagName('ul')[0].style.display = 'block';" onmouseout="getElementsByTagName('ul')[0].style.display = 'none';"<!-- ENDIF -->>
          <a href="{buttons.URL}" title="{buttons.NAME}"<!-- IF buttons.EXTERNAL --> target="_blank"<!-- ENDIF --> style="font-weight:{S_MENU_WEIGHT};text-transform:{S_MENU_TEXT_TRANSFORM};">{buttons.NAME}</a>
          <!-- IF .buttons.sub -->
            <ul>
              <!-- BEGIN sub --><li><a href="{sub.URL}" title="{sub.NAME}"<!-- IF sub.EXTERNAL --> target="_blank"<!-- ENDIF --> style="font-weight:{S_MENU_WEIGHT};text-transform:{S_MENU_TEXT_TRANSFORM};">{sub.NAME}</a></li><!-- END sub -->
              </ul>
            <!-- ENDIF -->
        </li>
      <!-- END buttons -->
        </ul>
    <!-- ENDIF -->


            <span class="corners-bottom"><span></span></span></div>
        </div>


<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->


        <div class="navbar">
            <div class="inner"><span class="corners-top"><span></span></span>


            <ul class="linklist navlinks">
                <li class="icon-home"><!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> » <!-- ENDIF --><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>‹</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>


                <li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>


                <!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
                <!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
                <!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
                <!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
            </ul>


            <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
            <ul class="linklist leftside">
                <li class="icon-ucp">
                    <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
                        <!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
                    <!-- IF S_DISPLAY_SEARCH --> &bull;
                    <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
                    <!-- ENDIF -->
                    <!-- IF U_RESTORE_PERMISSIONS --> &bull;
                    <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
                    <!-- ENDIF -->
                </li>
            </ul>
            <!-- ENDIF -->


            <ul class="linklist rightside">
                <!-- IF not S_IS_BOT -->
                    <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
                    <li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
                <!-- ENDIF -->
            </ul>


            <span class="corners-bottom"><span></span></span></div>
        </div>
    <!-- ENDIF -->
    </div>


    <a name="start_here"></a>
    <div id="page-body">
        <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
        <div id="information" class="rules">
            <div class="inner"><span class="corners-top"><span></span></span>
                <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
            <span class="corners-bottom"><span></span></span></div>
        </div>
        <!-- ENDIF -->

</div>

Alles anzeigen

Und die dazugehörige Common.css Teil:

CSS

/* General Markup Styles
---------------------------------------- */


* {
    /* Reset browsers default margin, padding and font sizes */
    margin: 0;
    padding: 0;
}


html {
    font-size: 100%;
    /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
    height: 101%;
}


body {
    /* Text-Sizing with ems: [URL='http://www.clagnut.com/blog/348/']How to size text using ems | Clagnut § Typography · CSS techniques[/URL] */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #828282;
    background-color: #FFFFFF;
    /*font-size: 62.5%;             This sets the default font size to be equivalent to 10px */
    font-size: 10px;
    margin: 0;
    padding: 12px 0;
}


h1 {
    /* Forum name */
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-right: 200px;
    color: #FFFFFF;
    margin-top: 15px;
    font-weight: bold;
    font-size: 2em;
}


h2 {
    /* Forum header titles */
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #3f3f3f;
    font-size: 2em;
    margin: 0.8em 0 0.2em 0;
}


h2.solo {
    margin-bottom: 1em;
}


h3 {
    /* Sub-headers (also used as post headers, but defined later) */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 3px;
    padding-bottom: 2px;
    font-size: 1.05em;
    color: #989898;
    margin-top: 20px;
}


h4 {
    /* Forum and topic list titles */
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
    font-size: 1.3em;
}


p {
    line-height: 1.3em;
    font-size: 1.1em;
    margin-bottom: 1.5em;
}


img {
    border-width: 0;
}


hr {
    /* Also see tweaks.css */
    border: 0 none #FFFFFF;
    border-top: 1px solid #CCCCCC;
    height: 1px;
    margin: 5px 0;
    display: block;
    clear: both;
}


hr.dashed {
    border-top: 1px dashed #955e07;
    margin: 10px 0;
}


hr.solid {
    border-top: 1px solid #955e07;
    margin: 10px 0;
    margin-top: -5px;
}


hr.divider {
    display: none;
}


p.right {
    text-align: right;
}


/* Main blocks
---------------------------------------- */
#wrap {
  padding: 0 20px;
  width: 93%;
  margin: auto;
}
/* Das obere Padding regelt breite des Inneren Forum und Portalkerns */


#simple-wrap {
    padding: 6px 10px;
}


#page-body {
    margin: 4px 0;
    clear: both;
}


#page-footer {
    clear: both;
}


#page-footer h3 {
    margin-top: 20px;
}


#logo {
    float: left;
    width: auto;
    padding: 10px 13px 0 10px;
}


a#logo:hover {
    text-decoration: none;
}


/* Search box
--------------------------------------------- */
#search-box {
    color: #FFFFFF;
    position: relative;
    margin-top: 30px;
    Margin-Right: 5px;
    display: block;
    float: right;
    text-align: right;
    white-space: nowrap; /* For Opera */
}


#search-box #keywords {
    width: 95px;
    background-color: #FFF;
}


#search-box input {
    border: 1px solid #b0b0b0;
}


/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
    padding: 1px 5px;
}


#search-box li {
    text-align: right;
    margin-top: 4px;
}


#search-box img {
    vertical-align: middle;
    margin-right: 3px;
}


/* Site description and logo */
#site-description {
    float: left;
    width: 70%;
}


#site-description h1 {
    margin-right: 0;
}


/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
    background: #ebebeb none repeat-x 0 0;
    color: #FFFFFF;
    margin-bottom: 4px;
    padding: 0 5px;
}


.navbar {
    background-color: #ebebeb;
    padding: 0 10px;
}


.forabg {
    background: #b1b1b1 none repeat-x 0 0;
    margin-bottom: 4px;
    padding: 0 5px;
    clear: both;
}


.forumbg {
    background: #ebebeb none repeat-x 0 0;
    margin-bottom: 4px;
    padding: 0 5px;
    clear: both;
}


.panel {
    margin-bottom: 4px;
    padding: 0 10px;
    background-color: #f3f3f3;
    color: #3f3f3f;
}


.post {
    padding: 0 10px;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}


.post:target .content {
    color: #000000;
}


.post:target h3 a {
    color: #000000;
}


.bg1    { background-color: #f7f7f7;}
.bg2    { background-color: #f2f2f2; }
.bg3    { background-color: #ebebeb; }


.rowbg {
    margin: 5px 5px 2px 5px;
}


.ucprowbg {
    background-color: #e2e2e2;
}


.fieldsbg {
    /*border: 1px #DBDEE2 solid;*/
    background-color: #eaeaea;
}


span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
    font-size: 1px;
    line-height: 1px;
    display: block;
    height: 5px;
    background-repeat: no-repeat;
}


span.corners-top {
    background-image: none;
    background-position: 0 0;
    margin: 0 -5px;
}


span.corners-top span {
    background-image: none;
    background-position: 100% 0;
}


span.corners-bottom {
    background-image: none;
    background-position: 0 100%;
    margin: 0 -5px;
    clear: both;
}


span.corners-bottom span {
    background-image: none;
    background-position: 100% 100%;
}


.headbg span.corners-bottom {
    margin-bottom: -1px;
}


.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
    margin: 0 -10px;
}


.rules span.corners-top {
    margin: 0 -10px 5px -10px;
}


.rules span.corners-bottom {
    margin: 5px -10px 0 -10px;
}


/* Horizontal lists
----------------------------------------*/
ul.linklist {
    display: block;
    margin: 0;
  margin-left: 5%;
  width: 90%;
}


ul.linklist li {
    display: block;
    list-style-type: none;
    float: left;
    width: auto;
    margin-right: 5px;
    font-size: 1.1em;
    line-height: 2.2em;
}


ul.linklist li.rightside, p.rightside {
    float: right;
    margin-right: 0;
    margin-left: 5px;
    text-align: right;
}


ul.navlinks {
    padding-bottom: 1px;
    margin-bottom: 1px;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
}


ul.leftside {
    float: left;
    margin-left: 0;
    margin-right: 5px;
    text-align: left;
}


ul.rightside {
    float: right;
    margin-left: 5px;
    margin-right: -5px;
    text-align: right;
}


/* Table styles
----------------------------------------*/
table.table1 {
    /* See tweaks.css */
}


#ucp-main table.table1 {
    padding: 2px;
}


table.table1 thead th {
    font-weight: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 1.3em;
    font-size: 1em;
    padding: 0 0 4px 3px;
}


table.table1 thead th span {
    padding-left: 7px;
}


table.table1 tbody tr {
    border: 1px solid #cfcfcf;
}


table.table1 tbody tr:hover, table.table1 tbody tr.hover {
    background-color: #f6f6f6;
    color: #000;
}


table.table1 td {
    color: #6a6a6a;
    font-size: 1.1em;
}


table.table1 tbody td {
    padding: 5px;
    border-top: 1px solid #FAFAFA;
}


table.table1 tbody th {
    padding: 5px;
    border-bottom: 1px solid #000000;
    text-align: left;
    color: #333333;
    background-color: #FFFFFF;
}


/* Specific column styles */
table.table1 .name        { text-align: left; }
table.table1 .posts        { text-align: center !important; width: 7%; }
table.table1 .joined    { text-align: left; width: 15%; }
table.table1 .active    { text-align: left; width: 15%; }
table.table1 .mark        { text-align: center; width: 7%; }
table.table1 .info        { text-align: left; width: 30%; }
table.table1 .info div    { width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol    { line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }


table.table1 span.rank-img {
    float: right;
    width: auto;
}


table.info td {
    padding: 3px;
}


table.info tbody th {
    padding: 3px;
    text-align: right;
    vertical-align: top;
    color: #000000;
    font-weight: normal;
}


.forumbg table.table1 {
    margin: 0;
}


.forumbg-table > .inner {
    margin: 0 -1px;
}


.forumbg-table > .inner > span.corners-top {
    margin: 0 -4px -1px -4px;
}


.forumbg-table > .inner > span.corners-bottom {
    margin: -1px -4px 0 -4px;
}


/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
    float: left;
    clear: left;
    width: 49%;
}


.column2 {
    float: right;
    clear: right;
    width: 49%;
}


/* General classes for placing floating blocks */
.left-box {
    float: left;
    width: auto;
    text-align: left;
}


.right-box {
    float: right;
    width: auto;
    text-align: right;
}


dl.details {
    /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
    font-size: 1.1em;
}


dl.details dt {
    float: left;
    clear: left;
    width: 30%;
    text-align: right;
    color: #000000;
    display: block;
}


dl.details dd {
    margin-left: 0;
    padding-left: 5px;
    margin-bottom: 5px;
    color: #828282;
    float: left;
    width: 65%;
}


/* Pagination
---------------------------------------- */
.pagination {
    height: 1%; /* IE tweak (holly hack) */
    width: auto;
    text-align: right;
    margin-top: 5px;
    float: right;
}


.pagination span.page-sep {
    display: none;
}


li.pagination {
    margin-top: 0;
}


.pagination strong, .pagination b {
    font-weight: normal;
}


.pagination span strong {
    padding: 0 2px;
    margin: 0 2px;
    font-weight: normal;
    color: #FFFFFF;
    background-color: #bfbfbf;
    border: 1px solid #bfbfbf;
    font-size: 0.9em;
}


.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
    font-weight: normal;
    text-decoration: none;
    color: #747474;
    margin: 0 2px;
    padding: 0 2px;
    background-color: #eeeeee;
    border: 1px solid #bababa;
    font-size: 0.9em;
    line-height: 1.5em;
}


.pagination span a:hover {
    border-color: #d2d2d2;
    background-color: #d2d2d2;
    color: #FFF;
    text-decoration: none;
}


.pagination img {
    vertical-align: middle;
}


/* Pagination in viewforum for multipage topics */
.row .pagination {
    display: block;
    float: right;
    width: auto;
    margin-top: 0;
    padding: 1px 0 1px 15px;
    font-size: 0.9em;
    background: none 0 50% no-repeat;
}


.row .pagination span a, li.pagination span a {
    background-color: #FFFFFF;
}


.row .pagination span a:hover, li.pagination span a:hover {
    background-color: #d2d2d2;
}


/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
    float: right;
    width: auto;
    padding-left: 5px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: right;
}


.copyright {
    padding: 5px;
    text-align: center;
    color: #555555;
}


.small {
    font-size: 0.9em !important;
}


.titlespace {
    margin-bottom: 15px;
}


.headerspace {
    margin-top: 20px;
}


.error {
    color: #bcbcbc;
    font-weight: bold;
    font-size: 1em;
}


.reported {
    background-color: #f7f7f7;
}


li.reported:hover {
    background-color: #ececec;
}


div.rules {
    background-color: #ececec;
    color: #bcbcbc;
    padding: 0 10px;
    margin: 10px 0;
    font-size: 1.1em;
}


div.rules ul, div.rules ol {
    margin-left: 20px;
}


p.rules {
    background-color: #ececec;
    background-image: none;
    padding: 5px;
}


p.rules img {
    vertical-align: middle;
    padding-top: 5px;
}


p.rules a {
    vertical-align: middle;
    clear: both;
}


#top {
    position: absolute;
    top: -20px;
}


.clear {
    display: block;
    clear: both;
    font-size: 1px;
    line-height: 1px;
    background: transparent;
}


/* Rand um Forum und Portal von Lyrai
---------------------------------------- */


#menubase_block {
       margin: -12px;
       padding: 0px;
       margin-left: auto;
       margin-right: auto;
       width: 100%;
       clear: both;
}     
.menubase-l {
       background: url("{T_THEME_PATH}/images/menubase-left.jpg") no-repeat;
       height: 50px;
       float: left;
       width: 80px;
       padding: 0px;
}


.menubase-m {
       background: url("{T_THEME_PATH}/images/menubase-mid.jpg") repeat;
       height: 50px;
       width: auto;
       margin: 0px 50px 0px 50px;
       padding: 0px;
       text-align: center;
}


.menubase-r {
       background: url("{T_THEME_PATH}/images/menubase-right.jpg") no-repeat;
       height: 50px;
       float: right;
       margin-top: -50px;
       width: 80px;
       padding: 0px;
}


#content_main {
       color: #9ff4f5;
       margin-left:       70px;
       margin-right:       70px;
       clear: both;
       padding: 0px;
       overflow:hidden;
}


.bodyfill {
       background-color: #000000;
}




#border_block {
       margin: 0px;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: auto;
       padding: 0px;
       width: 100%;
       min-height: 100%;
       height: 100%;
       clear: both;
}


#borderleft {
       background: url("{T_THEME_PATH}/images/aussenrahmen_links.gif") left repeat-y;
}


#borderright {
       background: url("{T_THEME_PATH}/images/aussenrahmen_rechts.gif") right repeat-y;
}


#footer_block {
       margin: 0px;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: -20px;
       padding: 0px;
       width: 100%;
       clear: both;
}


.foot-l {
       background: url("{T_THEME_PATH}/images/aussenrahmen_ecke_unten_links.gif") no-repeat;
       height: 60px;
       float: left;
       width: 124px;
       padding: 0px;
}


.foot-m {
       background: url("{T_THEME_PATH}/images/aussenrahmen_mitte_unten.gif") repeat;
       height: 60px;
       margin: 0px 124px 0px 124px;
       width: auto;
       padding: 0px;
}


.foot-r {
       background: url("{T_THEME_PATH}/images/aussenrahmen_ecke_unten_rechts.gif") no-repeat;
       margin-top:   -60px;
       height: 60px;
       float: right;
       width: 124px;
       padding: 0px;
}

Alles anzeigen

Hoffe ihr könnt mir da irgendwie weiter helfen.

Ach ja noch ein Problem, beim Vergrößern kommen die Inneren Bereiche des Forums über den Rahmen drüber, passen sich also nicht in der Breite an, wie kann das sein?

Link zum Forum: http://lyaesh.de/portal.php

Wenn man hier vergrößert sieht man unter anderem das Problem im Header Bereich und das Objekte aus der Mitte über den Rand kommen.

Falls Angaben Fehlen, einfach anfragen. Hoffe ihr könnt mir weiter helfen!

explanator

Crossposting -> http://xhtmlforum.de/70434-rahmen-u…tal-phpbb3.html

Tags