ilch Forum » Allgemein » HTML, PHP, SQL,... » problem mit css hintergrund verschwindet

Geschlossen
  1. #1
    User Pic
    Vips Mitglied
    Registriert seit
    19.06.2008
    Beiträge
    238
    Beitragswertungen
    0 Beitragspunkte
    servus leutz

    und zwar bin ich dabei ein design zu erstellen, dabei bin ich da auf das problem gestoßen das wenn ich das navi einfüge, das der hintergrund des navi verschwindet und der hintergrund es designs verzerrt wird an der stell wo ich das navi einfüge. vieleicht kann mir einer bei dem problem helfen.

    mit menu3 hab ich mal rumprobiert

    bild ohne navi empous-records.de/ohne_navi.png
    bild mit navi empous-records.de/mit_navi.png

    index
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{TITLE}</title>
    <style type="text/css">
      <!--
      * {
    	margin:0;
    	padding:0;
    	background: url(include/designs/empous-records/Bilder/neu/hintergrund.jpg) no-repeat ;
    }
    
    html, body {
    height: 100%;
    width: 100%;
    }
    
    .distance {
    width: 10px;
    height: 50%;
    margin-bottom: -225.5px;
    float: left;
    background-color:#C39;
    }
    
    .container {
    	margin: 0 auto;
    	position: relative;
    	height: 450px;
    	width: 1073px;
    	clear: left;
    	background-color: #ADFF2F;
    	
    }
    .menu{
    	float:left;
    	width:183px;
    	height: 451px;
    	background-color:#ffffff;
    	position: relative;
    	overflow:auto;
    	
    }
    .menu1{
    	float:left;
    	width:183px;
    	height: 138px;
    	background: url(include/designs/empous-records/Bilder/neu/menu1.gif) no-repeat ;
    	position: relative;
    	
    }
    .menu2{
    	float:left;
    	width:183px;
    	height: 313px;
    	background: url(include/designs/empous-records/Bilder/neu/menu2.gif) no-repeat ;
    	position: relative;
    	
    	
    }
    
    .menu3{
    	
    	
    	
    	background-color: tranzparent ;
    	
    	position: relative;
    	
    	
    }
    
    .header {
    	width:890px;
    	height:14px;
    	background: url(include/designs/empous-records/Bilder/neu/header.gif) no-repeat ;
    	float:left;
    	margin-top: 0px;
    	
    	position: relative;
    }
    .mitte {
    	background: url(include/designs/empous-records/Bilder/neu/content.gif) no-repeat;
    	width:871px;
    	height:423px;
    	float:left;
    	position: relative;
    }
    .footer {
    	background: url(include/designs/empous-records/Bilder/neu/footer.gif) no-repeat;
    	float: left;
    	
    	height: 14px;
    	width: 890px;
    	
    }
    .rechts {
    	background: url(include/designs/empous-records/Bilder/neu/rechts.gif) no-repeat;
    	height: 423px;
    	width: 19px;
    	float: right;
    	
    }
    
    
    
    .scroll {
    height: 423px;
    overflow: auto;
    }
    
    
    //-->
    </style>
    </head>
    
    <body>
    <div class="distance"></div>
    <div class="container">
    <div class="menu">
    <div class="menu1"></div>
    <div class="menu2">
    {_list_menunr1@  %2}</div>
    
    </div>
    
    <div class="header"></div>
    <div class="rechts"></div>
    <div class="mitte"><div class="scroll">{EXPLODE}</div></div>
    <div class="footer">
    </div>
    </div>
    
    
    </body>
    </html>
       
          
       
                   
       
                    
       
                    {_list_vmenupoint@<li><a target="%1" class="menu3" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
      
                    
      
                    {_list_vmenubegi@<ul>}
      
                    
      
                    {_list_vmenuende@</ul>}



    verwendete ilchClan Version: 1.1

    betroffene Homepage: empous-records.de


    Zuletzt modifiziert von Vips am 23.11.2009 - 22:17:00
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    ich würde es nicht mit bildern im bg machen bei der navi, da sie einfarbig ist. es reicht wenn du den wert der hintergrundfarbe angibst. und dann bei den links anfangen mit

    display: block;
    height: höhe in pixel
    width: breite der navi
    padding-left: 5px; //rückt die links 5 pixel vom linken rand weg. nur zur optik
    background-color:deine farbe

    probier es mal damit, ist denk ich mal besser. wenn du mal css befehle nachlesen willst, kannst du das auf www.css4you.de machen, da ist alles mit beispielen erklärt. mach ich auch immer wenn ich nicht weiter komm zwinkerzwinker
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Vips Mitglied
    Registriert seit
    19.06.2008
    Beiträge
    238
    Beitragswertungen
    0 Beitragspunkte
    wenn ich das mit farbe stad mit bilder mach hab ich keine runden ecken mehr
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    doch geht auch:

    externer Link

    zwinker
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Vips Mitglied
    Registriert seit
    19.06.2008
    Beiträge
    238
    Beitragswertungen
    0 Beitragspunkte
    thx werde es mal versuchen

    aber weis du warum der background von der seite noch verzerrt wird
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    ich seh keine verzerrung. ich seh eine verpixelung im bg, mehr aber net...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

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

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten