Thema: Menue Problem Versatz im Center

Hi,

habe ein prob das ich im Login Bereich ein Menue rechts brauche.
Wenn ich diese Anzeige ist der Inhalt in der mitte nach unter verschoben,
sowie bekomme ich VirtueMart 1.1.0 nicht das Menue hin ist zu groß und breit.
Icons vom JSCook fehlen nach einer Neuinstallation ?

Im CSS wenn ich den Content breiter mache ist er zu breit.
Das Mainmenue ist aber ok denke ich.

Benutze diese Template aber nun halt abgeändert, hier das Orginal.

http://www.joomlademo.de/index.php?m...stime_redberry

Hier das CSS File

PHP-Code:

/* CSS Document */

body{
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
    text-align: center;
    font-family: Arial;
    color: #666666;
}

body.contentpane{
    text-align: left;
    background-color: #ffffff;

}
#container{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    width: 723px;
    margin: auto;

    text-align: left;
    
    background-image: url('../images/taustakuva.gif');
    background-repeat: repeat-n;
    background-position: top center;
    padding-top: 9px;

}

#header{
    width: 722px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 120px;
    
    background-image: url('../images/headertausta.gif');
         background-repeat: repeat-n;
    background-position: top center;
}

#headerl{
    position: relative;
    top: 30px;
    left: 26px;
    float: left;
    text-align: left; /* ie */
}

#headerr{
    position: relative;
    top: 58px;
    right: 1px;
    float: right;

}

div#search{
    
}

#search_out{
    float: left;
    width: 169px;
}

#search_in{
    padding: 80px;
    height: 22px !important;
    height: 24px;
    overflow: hidden;    
}

#search_in form {
  padding: 0;
  margin: 0;
}

#search_in .inputbox {
    border: 0px;
    padding: 3px 3px 3px 11px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    
    background-image: url('../images/ibackground.gif');
    background-repeat: no-repeat;
    background-position: top left;
    width: 169px;
    height: 16px;
}

/*#valiheader{
    margin-top: 3px;    
    background-image: url('../images/contentbg.gif');
    background-repeat: no-repeat;
    background-position: top center;
    width: 722px;    
    height: 16px;
    border: 1px solid purple;
}*/

#vali{
    width: 722px;
    text-align: left;
    clear: both;    
}

#vali2{
    height: 0px;
    
    background-image: url('../images/headerkuva.jpg');
    background-repeat: no-repeat;
    background-position: top left;
}

/*
#kuva{
    background-image: url('../images/headerkuva.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    width: 1px;
    height: 0px;
    float: left;
    clear: both;
#content{
    text-align: left;
        width: 722px;
        height: 800px;
                  background-position: top center;
        padding: 0px -4px 5px 2px;
        border-left: 0px solid #e4e4e4;
        border-right: 0px solid #e4e4e4;
        border-bottom: 0px solid #e4e4e4;
        
}
#koko{
    width: 722px;
    border: 1px solid purple;
    margin-left: 1px;
    
    font-family: Arial;
    font-size: 11px;
    color: #666666;
    line-height: 1.5em;
}

#main{
    width: 674px;
    float: right;
    position: relative;
    right: 26px;
    background-color: #f2f2f2;
}

#vasen{
    float: left;
    width: 241px;
}

#keski{
    float: right;
    width: 655px;    
}

#keski2{
    float: left;
    width: 420px;    
}

#keski3{
    float: left;
    width: 655px;    
}

#keski4{
    float: left;
    width: 722px;    
}

#oikea{
    width: 224px;
    float: right;
}

#footer2{
    color: #9EA0A2;
    font-family: Arial;
    font-size: 12px;
    height: 64px;
    clear: both;
    text-align: left;
    
    width: 722px;
    background-image: url('../images/footerpalkki.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
    font-weight: bold;
    
}

#copy{
    float: left;
    font-size: 10px;
    padding-top: 40px;
    padding-left: 28px;
    color: #666666;
}

div#copy div{
    float: left;
    margin-right: 5px;
}

#othermenu{
    float: right;
    padding-top: 40px;
    padding-right: 1px;
    font-size: 10px;
    color: #666666;
    font-weight: bold;
    font-family: Arial;
}

#footer{
    color: #ffffff;
    font-family: Arial;
    font-size: 10px;
    padding-top: 18px;
    position: relative;
    height: 30px;
    clear: both;
    
    background-image: url('../images/footer.gif');
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #ffffff;
    font-weight: bold;
}

/* for joomla */

ul#mainlevel-nav
{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
}

ul#mainlevel-nav li
{
    background-image: none;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    margin: 0;
    font-size: 11px;
    line-height: 21px;
    white-space: nowrap;
    /*border-right: 1px solid #cccccc;*/
    
    background-image: url('../images/sepa.gif');
    background-repeat: no-repeat;
    background-position: top right;
}

ul#mainlevel-nav li a
{
    font-family: Arial;
    font-weight: bold;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
    color: #5A5E68;
    background: transparent;
    margin-top: 4px;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

    ul#mainlevel-nav li a:hover
{
    color: #881415;

}

div.moduletable{
    margin: 0px 0px 10px 0px;
    width: 224px;

    font-family: Arial;
    font-size: 11px;
    color: #666666;
}

div.moduletable h3{
    background-image: url('../images/moduletitlebg.gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 4px 0px 0px 11px;
    height: 35px;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
}

div.moduletable table{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
    width: 204px;
    margin: 0px 10px 0px 10px;
}

div.moduletable table.contentpaneopen{
    margin: 0px 10px 0px 10px;
    text-align: left;
}

div.moduletable table.contentpaneopen td{
    text-align: left;
}

/* graphic grey module box */
div.moduletablegrey{
    margin: 0px 0px 10px 0px;
    width: 224px;

    font-family: Arial;
    font-size: 11px;
    color: #666666;
    background-image: url('../images/moduletitlebg_grey_big.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

div.moduletablegrey h3{
    background-image: url('../images/moduletitlebg_grey.gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 4px 0px 0px 11px;
    height: 35px;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
}

div.moduletablegrey table{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
    width: 204px;
    margin: 10px 20px 0px 10px;
}

div.moduletablegrey div{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
    padding: 0px 10px 0px 10px;
}

/* plain color grey box */

div.moduletablegreybox{
    margin: 0px 0px 10px 0px;
    width: 224px;

    font-family: Arial;
    font-size: 11px;
    color: #666666;
    background-color: #F6F6F6;
}

div.moduletablegreybox h3{
    background-color: #F6F6F6;
    padding: 13px 0px 0px 11px;
    margin: 0;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #881415;
}

div.moduletablegreybox div{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
    padding: 0px 10px 0px 10px;
}


div.syndicate{
    text-align: left;
}

div.moduletable table.poll{
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

table.pollstableborder{
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.pollxtd1{
    margin: 0;
}

div.syndicate div{
    text-align: left;
    margin-left: 11px;
}

table.contentpaneopen{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
    
    padding: 0px 0px 0px 0px;
}

table.searchintro{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
}

table.searchintro td{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
}

table.contentpane{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
}

table.contentpane table{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
}

table.poll{
    font-family: Arial;
    font-size: 11px;
    color: #666666;
}

a.mainlevel:link, a.mainlevel:visited {
    display: block;
    background-image: url('../images/bulletti.gif');
    background-repeat: no-repeat;
    background-position: top left;
    /*vertical-align: middle;*/
    font-size: 11px;
    font-weight: bold;
    color: #F23533;
    text-align: left;
    padding-top: 5px;
    padding-left: 17px;
    height: 150px !important;
    height: 200px;
    text-decoration: none;
}

a.mainlevel:hover {
    background-image: url('../images/bulletti_on.gif');
    background-repeat: no-repeat;
    background-position: top left;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
}

a.mainlevel#active_menu {
    background-image: url('../images/bulletti_on.gif');
    background-repeat: no-repeat;
    background-position: top left;
    color:#ffffff;
    font-weight: bold;

}

.contentheading{
    margin: 0;
    font-family: Arial;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.componentheading{
    margin: 0;
    font-family: Arial;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.contentdescription{
    font-family: Arial;
    font-size: 11px;
}

.blog_more{
    font-family: Arial;
    font-size: 11px;
}

.small{
    font-family: Arial;
    font-size: 10px;
    color: #999999;
}

}

.pagenav_prev{
    font-family: Arial;
    font-size: 10px;
}

.pagenav_next{
    font-family: Arial;
    font-size: 10px;
}

.message{
    font-family: Arial;
    font-size: 10px;
}



li{
        line-height: 15px;
        padding-left: 15px;
        padding-top: 0px;
        background-image: url('../images/bullet.gif');
        background-repeat: no-repeat;
        background-position: top left;
}

ol li{
        background: none;
}