ilch Forum » Allgemein » HTML, PHP, SQL,... » css - Content und Menü

Geschlossen
  1. #1
    User Pic
    Anarchy 90210 Mitglied
    Registriert seit
    15.05.2007
    Beiträge
    578
    Beitragswertungen
    1 Beitragspunkte
    Hey! Ich habe ein großes Problem mit CSS, bei dem Content und Menü.

    Ich kanns nur schwer ausdrücken, deswegen bekommt ihr mal wie immer bei mir Code und Bilder glücklich

    index.htm
    <div id="bg_content"> 
    
    <table width="922" border="0" cellspacing="0" cellpadding="0">
      <tr>
            <td width="272" valign="top" >
        {_list_menunr1@    
    <div id="box">
          <div id="bg_news_menu"><strong>%1</strong></div>
          <div id="bg_navi">%2</div>
        </div>}
        </td>
    	<td width="650" valign="top">
    	<div id="bg_content_ticker">{_boxes_ticker}</div>
    	<div id="bg_content_text">{EXPLODE}</div></td>
     </tr>
    </table>
    </div>


    style.css
    #bg_news_top
    {
    background-color: transparent;
    position:absolute; 
    top:583px; left:287px;
    width: 926px;
    height: 17px;
    background-image: url(img/cont_top.png);
    }
    #bg_content
    {
    position:relative;
    background-image: url(img/bg_content_all.png);
    background-repeat: repeat-y;
    position:absolute; top:600px; left:287px;
    width: 926px;
    }
    #bg_content_ticker
    {
    position:absolute; 
    margin-top:5px;
    margin-left:30px;
    width: 580px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica", "Arial", "Verdana", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18px;
    text-shadow: 0px 0px 1px !important;
    color: #666666;
    }
    #bg_content_text
    {
    position:absolute; 
    margin-top:30px;
    margin-left:30px;
    width: 580px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Helvetica", "Arial", "Verdana", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18px;
    text-shadow: 0px 0px 1px !important;
    color: #666666;
    }
    #box 
    {
    position:relative;
    margin-left:2px;
    z-index:10;
    width: 272px;
    }
    #bg_news_menu
    {
    position:absolute; 
    z-index:10;
    width: 272px;
    height: 72px;
    background-image: url(img/bg_newstop.png);
    background-repeat: no-repeat;
    	text-indent: 30px;
    	line-height: 30px;
    }


    So, was am Ende mein Problem ist:

    gesperrtes Bild

    Wie man unschwer erkennen kann, ist hier die bg_content_all.png von #bg_content über der Grafik, auf welchem später der Menüname stehen soll. (bg_newstop.png aus #bg_news_menu) Jedoch soll die bg_content_all.png nur der Hintergrund sein, welcher sich automatisch an die Seitenlänge anpassen soll. Und die #bg_news_menu soll ich ungeachtet davon drüber legen.

    Bei mir wird das Menü immer kürzer als der Content sein.

    Kann mir jemand die Änderung an der style.css / index.htm sagen, damit das alles wieder Sinn ergibt?

    MfG
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten