Suche im Forum:
Suchen


Autor Nachricht
Beitrag27.11.2010 um 15:04 (UTC)    
Titel: Scrollbalken unten

Hey,

Ich hab ein Design und es ist nicht zu breit und trtzdem kommen unten Scrollbalken ich poste mal meine Codes

Text über dem Design
Code:
<style type="text/css">
<!--
div#DesignContainer
{position:absolute;
left:50%;
margin-left: -450px;
width: 1000px;}
-->
</style>
<div id="DesignContainer"


Text unter dem Design
Code:
</div>


CSS Code ohne Style Tags

Code:
#nav_container:after{margin: -13px -20px 0px 0px!important;}

/*Ausgeblendet*/
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#counter{display:none;}


/*Background*/

body {
    background: url(http://img.webme.com/pic/k/kenanmustafa/bg5.jpg) repeat;
    font-family: arial, sans-serif;
    font-size: .8em;
    padding: 0px;
    margin: 0px;}
   
#bg_top{
    background: url(http://img.webme.com/pic/p/poddi/bg_top.png) repeat-x;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0px;
    z-index: -1;}

/*Header*/

#logo{
    background: url(http://img.webme.com/pic/k/kenanmustafa/header3.png) no-repeat;
    width: 900px;
    height: 159px;
    margin-bottom: 10px;
    float: left;}

/*CONTENT*/

#content{
    width: 836px;
    min-height: 450px;
    background: url(http://img.webme.com/pic/p/poddi/content_bg.png) repeat-y;
    float: left;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    color: #646464;}

#content_top{
    background: url(http://img.webme.com/pic/p/poddi/content_top.png) no-repeat;
    width: 896px;
    height: 19px;
    float:left;}


#content_bottom{
    background: url(http://img.webme.com/pic/p/poddi/content_bottom.png) no-repeat;
    width: 896px;
    height: 19px;
    float: left;}

#content_box{
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    padding: 10px;
    margin: 10px;}

#design_box{
    width: 175px;
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    margin: 5px;}

#design_thumb{
    width: 120px;
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    margin-right: 10px;}

#design_thumb:hover{
    background: #dafd90;
    color: #000;
    cursor: pointer;}

#design_box:hover{
    background: #dafd90;
    color: #000;
    cursor: pointer;}


#design_pre{
    width: 140px;
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    margin: 5px;
     float: left;
    text-align: center;}

#design_pre:hover{
    background: #dafd90;
    color: #000;
    cursor: pointer;}

/*NAVIGATION*/

#nav_container:before{
    content: url(http://img.webme.com/pic/p/poddi-designs/dream_navl.png);
    width: 20px;
    height: 43px;
    margin: 0px 0px 0px -20px;
    float: left;
    }

#nav_container:after{
    content: url(http://img.webme.com/pic/p/poddi-designs/dream_navr.png);
    width: 20px;
    height: 43px;
    margin: 0px 0px -20px 0px;
    float: right;
}
#nav_container{
    background: url(http://img.webme.com/pic/p/poddi-designs/dream_navbg.png) repeat-x;
    width: 875px;
    height: 43px;
    margin: 5px 0px 0px 12px;
    padding: 0px;
    float: left;
    clear:both;
    }

#nav_heading{
    display:none;}
    }

ul#nav{
    list-style-type: none;
}

 li.nav_element{
    float: left;
    display:block;
    color: #449100;
    margin: 5px 10px 0px 10px;
    }

li.checked_menu:before {
    content: url(http://img.webme.com/pic/p/poddi-designs/dream_tabl.png);
    height: 43px;
    width: 11px;
    margin: 0px 0px 0px -11px;
    float: left;
    }

 li.checked_menu:after{
    content: url(http://img.webme.com/pic/p/poddi-designs/dream_tabr.png);
    height: 43px;
    width: 11px;
    display:block;
    margin: 0px -10px 0px 0px;
    float: right;
    }

 li.checked_menu {
    background: url(http://img.webme.com/pic/p/poddi-designs/dream_tabbg.png) repeat-x;
    height: 43px;
    margin: -8px 10px 0px 10px;
    float: left;
    display:block;
    }

li.subpage a{
    font-style: italic;}

li.subpage a:before{
    content: "»  ";}

li.checked_menu a{
    font-weight: bold;
    color: #0028c0;
    font-size: 13px;
    margin: 15px 7px 0px 7px;
    }

li.checked_menu a:hover{
    text-decoration: none;
    color: #001a7c;
    }

a.menu{
    display:block;
    float: left;
    color: #fff;
    font-style: normal;
    text-decoration: none;
    padding: 2px
    }

a.menu:hover{
    text-decoration: underline;
    }

    /*NAVIGATION ENDE*/


Ich hoffe jemand kann mir helfen...
Beitrag27.11.2010 um 15:21 (UTC)    
Titel:

Versuch mal bitte diesen Code:
Text über dem Design
Zitat:
<style type="text/css">
<!--
div#DesignContainer{
margin: 0 auto!important;
width: 850px;}
-->
</style>
<div id="DesignContainer">
Ab dem roten ist der Code neu Wink
Es muss nur das bei "Text über dem Design" geändert werden.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator


Zuletzt bearbeitet von der-bielefeld-club am 27.11.2010, 16:22, insgesamt einmal bearbeitet
Beitrag27.11.2010 um 19:10 (UTC)    
Titel:

Vielen Dank! Es geht perfect
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de