weebly: colonna destra bloccata, qualcosa va in conflitto col content

**shinygami87** · 02-07-2011, 14:51

ragazzi ho un problemone:
sto creando un sito con weebly (l'editor online) ad un amico ma dato che i template di weebly sono orribili ne sto creando uno io modificando il css... dopo aver fatto un'ulteriore modifica mi sono preso una pausa, e quando ho riacceso il pc la colonna destra del layout ( in fondo posto uno screen ) non è + agibile!! non posso inserire nessun elemento!!! è come se fosse già occupata da qualcosa con cui va in conflitto!!!!

vi posto html ( che non posso modificare molto su weebly ) , css e screen:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>%%TITLE%%</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  </head>
<body overflow="hidden" background="http://i54.tinypic.com/izxcg7.jpg">
    <div id="wrapper">
        <div id="header">
            %%TITLE%%
        </div>


        <div id="content">
          <div id="leftcolumn">%%MENU%%</div>
          <div id="rightcolumn">%%CONTENT%%</div>
       </div> 
    <div id="footer">%%WEEBLYFOOTER%%</div>
  </body>
  </html>

codice:

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}
ul{
    list-style:none;
}
fieldset{
    border:0;
}
a img{
    border:0;
}
.clear{
    clear:both;
}
body {
    background-color:#fff;
    font-family: arial, sans-serif;
    font-size:13px;
    color:#666666;
    margin:0;
    padding:0;
    overflow-x: hidden;
    overflow-y: hidden;
}
p {
    line-height: 170%;
    color: #626262;
    font-size: 13px;
    padding: 5px 0px 5px 0px;
}
h1 {
    font-size:27px;
    font-weight:normal;
    color:#999999;
    line-height:1.5;
    margin: 5px 0px 5px 0px;
}
h2 {
    font-size:22px;
    font-weight:normal;
    color:#666666;
    line-height:1.3;
    margin: 10px 0px 5px 0px;
}
#wrapper {
    width:960px;
    margin:0px auto;
}

#header{
    width: 960px;
    font-size:24px;
    font-weight:normal;
    color:#000000;
    text-transform: uppercase;
    padding: 25px 0px 25px 0px;
    letter-spacing: 6px;
}

#weebly-menus .weebly-menu-wrap { z-index: 5000; margin: 0px 0px 0px 19px; }
 #weebly-menus .weebly-menu { padding: 0; margin: 0; list-style: none; }
 #weebly-menus .weebly-menu li { float: left; clear: left; width: 163px; text-align: left; }
 #weebly-menus .weebly-menu li a { position: relative; display: block; width: 163px; background: #cccccc; border-bottom: none; border-top: 1px #999999 solid; border-left: none; border-right: 1px #999999 solid;  text-decoration: none; font-size: 12px; font-weight: normal; line-height:1; padding: 5px 0px 5px 0px; color: #333333; }
 #weebly-menus .weebly-menu li a:hover { background: #999999; color: #fff; }

#content{
    overflow-x: hidden;
    overflow-y: hidden;
    border: 2px #000000 solid;
    width: 100%;
    height: 490px;
    background-image: url(http://i53.tinypic.com/2eeyk4w/7.png);
}
  
    


#leftcolumn{
  position: relative;
    float: left;
    padding: 0px 18px 10px 0px;
    border-right: 1px #cccccc solid;
    width: 165px;    
    height: 490px;
}

#leftcolumn ul{
  position: absolute;
  bottom: 0;
  right: 19px;
  bottom: 5px;
  text-align: right;
}

#leftcolumn ul li{
    text-align: right;
  line-height: normal;
    margin: 7px 0px 7px 0px;
}

#leftcolumn ul li a{
  display: block;
  width: 168px;
      text-align: right;
    color:#999999;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

#leftcolumn ul li a:hover, #leftcolumn ul li#active a{
    color: #333333;
}
#rightcolumn{
    float: center;
    overflow-y: hidden;
    position: relative;
    width: 749px;   
    height: 470px;
    margin: 5px 0px 0px 0px;
    padding: 12px 17px 0px 24px;
}


#content a{
    color: #0645AD;
    text-decoration: none;
}

#footer{
    float: left;
    width: 960px;
    color: #666666;
    font-size: 13px;
    text-align: right;
    padding: 23px 0px 0px 0px;
}

#footer a{
    color: #0645AD;
    text-decoration: none;
}

#footer .weebly-footer a{
  color: #666666;
}

screen : http://i54.tinypic.com/2pzactv.jpg

che faccio??? sono disperato!!!!

**Myaku** · 02-07-2011, 15:33

premetto che non conosco l'editor di cui parli, ma in quel codice ci sono diversi errorini, è il caso che passi sia l'html che il css ai validatori w3c prima di tutto.
il wrapper non è chiuso, così come non sono chiusi alcuni br e l'attributo "background" non è ammesso dalla dtd che hai in uso, "center" non esiste per i float.

Poi va da sé che con quello che hai postato se c'è qualcos'altro non lo vediamo, serve il codice html in output senza codici di programmazione dell'editor in mezzo.

Discussione: weebly: colonna destra bloccata, qualcosa va in conflitto col content

Strumenti discussione

Ricerca discussione

Visualizza

weebly: colonna destra bloccata, qualcosa va in conflitto col content

Permessi di invio