No se como solucionar esto, ayuda por favor

Inicio Foros WordPress Themes y Diseño No se como solucionar esto, ayuda por favor

Este debate contiene 2 respuestas, tiene 3 mensajes y lo actualizó  neuronic hace 8 años.

  • Autor
    Publicaciones
  • #19680

    Gurtu
    Participante

    <p>Vereis, si entrais en http://www.gurtupoker.com entendereis lo que me pasa. Los dos sidebar los tenia a la derecha y al pasar uno de ellos a la izquierda ahora el bloque de las entradas me aparece encima de ellos y no en linea. Os dejo el css, gracias.</p>
    <p>/*<br />
    Theme Name: Poker Pro 15<br />
    Theme URI: http://www.thecasinothemes.com/archives/73<br />
    Description: More high quality poker themes are available at <a href="http://www.TheCasinoThemes.com">TheCasinoThemes.com</a&gt;.<br />
    Version: Version 1.0<br />
    Author: TheCasinoThemes.com<br />
    Author URI: http://www.TheCasinoThemes.com<br />
    Tags: Fixed Width, three columns, AdSense ready<br />
    */</p>
    <p>/* Reset */<br />
    body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form, p {<br />
    margin: 0px;<br />
    padding: 0px;<br />
    }</p>
    <p>/* body */<br />
    body {<br />
    font: 12px Arial,Verdana, Tahoma, sans-serif;<br />
    background: #777;<br />
    }</p>
    <p>/* Container */<br />
    div#container{<br />
    width:980px;<br />
    margin:0 auto;<br />
    padding: 0px;<br />
    background: #fff;<br />
    }</p>
    <p>/* header */<br />
    div#header {<br />
    background: #3c3528 url(‘images/header-bg1.jpg’);<br />
    color:#262626;<br />
    margin:0 auto;<br />
    width:980px;<br />
    height: 60px;<br />
    }<br />
    div#header2 {<br />
    background: #3c3528 url(‘images/header-bg2.jpg’);<br />
    color:#262626;<br />
    margin:0 auto;<br />
    width: 960px;<br />
    padding: 0 0 0 20px;<br />
    height: 140px;<br />
    }<br />
    div#header h1{<br />
    margin: 0;<br />
    padding: 0;<br />
    }<br />
    div#header h1 a{<br />
    display: block;<br />
    height: 60px;<br />
    padding: 0;<br />
    margin: 0;<br />
    background: url(‘images/logo.jpg’) no-repeat;<br />
    text-indent: -9999em;<br />
    color:#262626;<br />
    border: 0px;<br />
    }<br />
    #recent-comments-top {<br />
    background: #eaedd4 url(‘images/recent-comments-top.jpg’);<br />
    margin: 0;<br />
    padding:0;<br />
    height:30px;<br />
    width:285px;<br />
    }<br />
    #recent-comments-bg {<br />
    background: #eaedd4 url(‘images/recent-comments-bg.jpg’) repeat-y;<br />
    width:285px;<br />
    margin: 0;<br />
    padding:0;<br />
    }<br />
    #recent-comments-bottom {<br />
    background: #eaedd4 url(‘images/recent-comments-bottom.jpg’);<br />
    height:15px;<br />
    width:285px;<br />
    margin: 0;<br />
    padding:0;<br />
    }<br />
    #recent-comments-top h2 {<br />
    height:22px;<br />
    width:270px;<br />
    padding: 8px 0 0 15px;<br />
    font-family: Georgia, Arial, Helvetica;<br />
    font-size: 14px;<br />
    font-weight: bold;<br />
    color: #262626;<br />
    }<br />
    div#header2 ul {<br />
    list-style: none;<br />
    margin: 0;<br />
    padding: 0px 0 0 0 ;<br />
    }</p>
    <p>div#header2 ul li {<br />
    padding: 0 15px;<br />
    margin: 0;<br />
    }</p>
    <p>/* Menu */<br />
    div#menu {<br />
    float:left;<br />
    margin: 0 0 10px 0;<br />
    width:980px;<br />
    height: 40px;<br />
    background: #3c3528 url(‘images/nav-bg.jpg’) repeat-x;<br />
    overflow:hidden;<br />
    display:inline;<br />
    }<br />
    #menu ul {<br />
    list-style: none;<br />
    margin: 0 10px;<br />
    padding: 0px;<br />
    }<br />
    #menu ul li{<br />
    float: left;<br />
    }<br />
    div#menu ul li a{<br />
    display: block;<br />
    float:left;<br />
    height: 24px;<br />
    padding: 8px 25px 1px;<br />
    margin: 4px 0;<br />
    color: #fff;<br />
    font-size: 13px;<br />
    font-weight: bold;<br />
    text-decoration:none;<br />
    }<br />
    div#menu ul li a:hover{<br />
    text-decoration:none;<br />
    color: #262626;<br />
    background: #dcdec6 url(‘images/nav-link-hover.jpg’) bottom repeat-x;<br />
    }</p>
    <p>/* Navigation */<br />
    #content .navigation {<br />
    margin: 5px 0 0 0;<br />
    padding: 5px 0;<br />
    font-family: Georgia, Arial, Helvetica;<br />
    font-size: 13px;<br />
    font-weight: bold;<br />
    text-align:center;<br />
    }<br />
    #content .navigation a {<br />
    text-decoration: none;<br />
    margin: 0 10px;<br />
    }<br />
    #content .navigation a:hover {<br />
    text-decoration: underline;<br />
    } </p>
    <p>/* Advertisement */<br />
    #content-ad-top {text-align:center; margin: 5px;border:0px;}<br />
    #sidebar-ad {text-align:center; margin: 5px;}<br />
    #content-ad-bottom {text-align:center; margin: 5px;}</p>
    <p>#content-ad-top img, #sidebar-ad img, #content-ad-bottom img {border:0px;}</p>
    <p>/* Post */<br />
    .page, .post {<br />
    padding: 5px 10px;<br />
    border-bottom: 0px solid #f5f5f5;</p>
    <p>}<br />
    .post-bg {<br />
    border: 1px solid #eee;<br />
    width:558px;<br />
    margin: 0 0 5px 210px;<br />
    padding:0;<br />
    }<br />
    .post-top {<br />
    margin: 5px;<br />
    padding: 5px;<br />
    }<br />
    .post-bg h2{<br />
    font-size: 24px;<br />
    font-weight: normal;</p>
    <p> }<br />
    .post-bg h2 a{<br />
    color:#3d3527;<br />
    }<br />
    .sticky {}</p>
    <p>/* Entry meta */<br />
    .entry-meta{margin: 0;color:#5e5e5e;font:10px;}</p>
    <p>/* Entry Date */<br />
    .entry-date {<br />
    background: top left url(‘images/calendar.gif’) no-repeat;<br />
    padding: 0 0 0 18px;<br />
    margin: 0px;<br />
    }</p>
    <p>/* Entry comments */<br />
    .entry-comments {<br />
    background: top left url(‘images/comments.gif’) no-repeat;<br />
    padding: 0 0 0 18px;<br />
    margin: 0 0 0 3px;<br />
    }</p>
    <p>.entry-comments a {<br />
    color: #5e5e5e<br />
    }<br />
    .entry-comments a:hover {<br />
    text-decoration:underline;<br />
    }<br />
    /* Entry Tags */<br />
    .entry-tags {<br />
    background: top left url(‘images/tags.gif’) no-repeat;<br />
    padding: 0 0 0 18px;<br />
    margin: 0px;<br />
    }<br />
    .entry-tags a {color:#5e5e5e;}</p>
    <p>/* Entry Tags2 */<br />
    .entry-tags2{margin: 10px 0 0 0;color:#262626;font: 12px Arial,Verdana, Tahoma, sans-serif;}<br />
    .entry-tags2 a {font-weight:bold;}</p>
    <p>/* Entry Content */<br />
    .entry-content {}<br />
    .entry-content img {<br />
    max-width: 100%;<br />
    }<br />
    .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {<br />
    padding: 10px 0 5px;<br />
    }</p>
    <p>/* Page Links */<br />
    div#page-links {<br />
    font-family:Georgia, "Times New Roman", Times, serif;<br />
    font-size: 12px;<br />
    font-style:italic;<br />
    text-align:center;<br />
    margin: 10px 0;<br />
    }<br />
    .edit-post {<br />
    width: 80%;<br />
    margin: 10px auto 0;<br />
    padding: 5px;<br />
    background: #f5f5f5;<br />
    border: 1px dashed #d3d3d3;<br />
    text-align:center;<br />
    }</p>
    <p>.post-edit-link{color:#3d3527;} </p>
    <p>/* sidebars */<br />
    div#sidebar-left{float:left;width:190px;margin-right:200px;background:inherit; }</p>
    <p>div#sidebar-left2{float:right;width:190px;margin-left:-200px;background:inherit; }</p>
    <p>#sidebar-left2 a{}</p>
    <p>#sidebar-left a, #sidebar-left2 a{<br />
    color: #5e5e5e;<br />
    }<br />
    #sidebar-left a img, #sidebar-left2 a img{border: 0px;} </p>
    <p> .sidebar-top {<br />
    background: #3c3528 url(‘images/sidebar-top.jpg’);<br />
    margin: 0px;<br />
    padding:0;<br />
    height:30px;<br />
    width:190px;<br />
    }<br />
    .sidebar-bg {<br />
    width:188px;<br />
    margin: 0 0 5px 0;<br />
    padding:0;<br />
    border-left: 1px solid #eee;<br />
    border-right: 1px solid #eee;<br />
    border-bottom: 1px solid #eee;<br />
    }<br />
    #sidebar-left ul, #sidebar-left2 ul{<br />
    list-style: none;<br />
    margin: 0;<br />
    padding: 0;<br />
    }<br />
    #sidebar-left ul li, #sidebar-left2 ul li{<br />
    padding: 0;<br />
    margin: 0;</p>
    <p> }<br />
    #sidebar-left ul li a, #sidebar-left2 ul li a{<br />
    text-decoration: none;<br />
    display: block;<br />
    width: 170px;<br />
    padding: 4px 0 4px 18px;<br />
    background: url(‘images/arrow_right.gif’) left 3px no-repeat;<br />
    margin: 0px auto;<br />
    }<br />
    #sidebar-left ul li a:hover, #sidebar-left2 ul li a:hover{<br />
    background: #f5f5f5 url(‘images/arrow_right.gif’) left 3px no-repeat;<br />
    text-decoration: none;<br />
    }<br />
    #sidebar-left h2, #sidebar-left2 h2{<br />
    height:22px;<br />
    padding: 8px 0 0 0;<br />
    font-family: Georgia, Arial, Helvetica;<br />
    font-size: 12px;<br />
    font-weight: bold;<br />
    color: #fff;<br />
    text-align:center;<br />
    } </p>
    <p> #sidebar-left ul ul, #sidebar-left2 ul ul{<br />
    padding: 0;<br />
    }<br />
    #sidebar-left ul ul li, #sidebar-left2 ul ul li{<br />
    margin: 0;<br />
    padding: 0;<br />
    }<br />
    #sidebar-left ul ul li a, #sidebar-left2 ul ul li a{<br />
    text-decoration: none;<br />
    display: block;<br />
    width: 154px;<br />
    height: 15px;<br />
    padding: 4px 0 4px 34px;<br />
    background: url(‘images/arrow_right.gif’) 16px 3px no-repeat;<br />
    margin: 0px auto;<br />
    }<br />
    #sidebar-left ul ul li a:hover, #sidebar-left2 ul ul li a:hover{<br />
    background: #f5f5f5 url(‘images/arrow_right.gif’) 16px 3px no-repeat;<br />
    }<br />
    #sidebar-left ul ul ui, #sidebar-left2 ul ul ui{<br />
    padding: 0;<br />
    } </p>
    <p> div#ad1 {<br />
    float:left;<br />
    width:190px;<br />
    margin-right:5px;<br />
    background: #eee;<br />
    }<br />
    div#ad2 {<br />
    float:right;<br />
    width:190px;<br />
    background: #eee;<br />
    }<br />
    div#ads{<br />
    padding: 5px;<br />
    text-align:center;<br />
    }<br />
    div#video{<br />
    padding: 5px 5px 0 5px;<br />
    text-align:center;<br />
    }</p>
    <p>#about{ padding: 5px 10px;}</p>
    <p>/* Search Box */<br />
    div#search-form{<br />
    text-align:center;<br />
    padding: 5px 15px 0px 15px;<br />
    }<br />
    #searchtext {<br />
    font-size: 12px;<br />
    color:#5e5e5e;<br />
    padding: 3px;<br />
    border: 1px solid #d4d4d4;<br />
    font-family: Verdana, Tahoma, Arial, sans-serif;<br />
    }<br />
    #btn-search {<br />
    background:url(images/btn-search.jpg);<br />
    width:56px;<br />
    height:22px;<br />
    border : 0;<br />
    border-style : none;<br />
    margin: 2px 0 0 0;<br />
    color: #262626;<br />
    font: bold 11px Georgia, Arial, Helvetica;;<br />
    } </p>
    <p>/* footer */<br />
    div#footer{<br />
    clear:left;<br />
    width:100%;<br />
    background: #3c3528 url(‘images/footer-bg.jpg’) repeat-x;<br />
    height:53px;<br />
    color: #fff;<br />
    text-align:center;<br />
    padding: 15px 0 0 0;<br />
    margin: 10px 0 0 0;<br />
    }<br />
    div#footer a{ color: #fff;}<br />
    div#footer p{margin:0;padding:5px 10px}</p>
    <p>/* Comments */<br />
    div#comments { padding: 10px; color: #474747;}<br />
    h3#comments{background:#eee; padding: 5px;}<br />
    .commentlist {margin: 10px 0; padding: 0; list-style: none;}<br />
    .commentlist li {<br />
    margin: 5px 0;<br />
    padding: 15px 0;<br />
    border-bottom: 0px dashed #ccc;<br />
    }<br />
    .commentlist li .avatar {<br />
    float: right;<br />
    margin: -12px 0 0 0;<br />
    border: 1px solid #ccc;<br />
    padding: 2px;<br />
    background: #fff;<br />
    height:32px;<br />
    width: 32px;<br />
    }<br />
    .commentlist cite, .commentlist cite a {font-weight: bold;}<br />
    .commentmetadata {<br />
    margin: 0;<br />
    color: #666;<br />
    border-bottom: 1px dashed #e4e4e4;<br />
    }<br />
    .commentmetadata a {<br />
    color: #666;<br />
    }<br />
    .commentlist cite a {<br />
    color: #474747;<br />
    }<br />
    a.comment-edit-link{color: #3d3527;}<br />
    .commentlist li ul li, .commentlist li ol li {<br />
    margin: 0px;<br />
    padding: 0px;<br />
    border-bottom: 0px dashed #f0f0f0;<br />
    }<br />
    .commentlist p {<br />
    margin: 10px 0;<br />
    }<br />
    span.says {}<br />
    div.reply {}<br />
    #commentform {<br />
    margin: 5px 10px 0 0;<br />
    }<br />
    #commentform p {<br />
    font-family: Arial,Verdana, Tahoma, sans-serif;<br />
    margin: 5px 0;<br />
    }<br />
    #commentform input {<br />
    font: 0.9em Arial,Verdana, Tahoma, sans-serif;<br />
    width: 170px;<br />
    padding: 2px;<br />
    margin: 5px 5px 1px 0;<br />
    }</p>
    <p>#commentform textarea {<br />
    font: 0.9em Arial,Verdana, Tahoma, sans-serif;<br />
    width: 90%;<br />
    padding: 2px;<br />
    }<br />
    #respond:after {<br />
    content: ".";<br />
    display: block;<br />
    height: 0;<br />
    clear: both;<br />
    visibility: hidden;<br />
    }<br />
    #commentform #submit {<br />
    margin: 5px 0;</p>
    <p> }<br />
    .nocomments {<br />
    text-align: center;<br />
    width: 80%;<br />
    margin: 10px auto;<br />
    padding: 5px;<br />
    background: #f5f5f5;<br />
    border: 1px dashed #d3d3d3;<br />
    text-align:center;<br />
    }<br />
    #comments div.comment-author{<br />
    font-weight: bold;<br />
    }<br />
    #respond{<br />
    padding: 10px; </p>
    <p>}</p>
    <p>/* Default WP CSS classes */<br />
    /* Images */<br />
    img.alignright {float:right; margin:5px;}<br />
    img.alignleft {float:left; margin:5px;}<br />
    img.aligncenter {display: block; margin-left: auto; margin-right: auto;}<br />
    a img.alignright {float:right; margin:5px;}<br />
    a img.alignleft {float:left; margin:5px;}<br />
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}</p>
    <p>.aligncenter,<br />
    div.aligncenter {<br />
    display: block;<br />
    margin-left: auto;<br />
    margin-right: auto;<br />
    }<br />
    .alignleft {<br />
    float: left;<br />
    }<br />
    .alignright {<br />
    float: right;<br />
    }<br />
    .wp-caption {<br />
    border: 1px solid #ddd;<br />
    text-align: center;<br />
    background-color: #fff;<br />
    padding-top: 4px;<br />
    margin: 5px;<br />
    /* optional rounded corners for browsers that support it */<br />
    -moz-border-radius: 3px;<br />
    -khtml-border-radius: 3px;<br />
    -webkit-border-radius: 3px;<br />
    border-radius: 3px;<br />
    }</p>
    <p>.wp-caption img {<br />
    margin: 0;<br />
    padding: 0;<br />
    border: 0 none;<br />
    }<br />
    .wp-caption p.wp-caption-text {<br />
    font-size: 11px;<br />
    line-height: 17px;<br />
    padding: 0 4px 5px;<br />
    margin: 0;<br />
    }<br />
    #calendar_wrap {<br />
    padding: 0 0 0 13px;<br />
    }<br />
    table#wp-calendar {<br />
    width:90%;<br />
    margin: 0 auto;<br />
    color: #5e5e5e;<br />
    }<br />
    table#wp-calendar a{<br />
    color: #3d3527;<br />
    }<br />
    table#wp-calendar th, table#wp-calendar td{<br />
    text-align:center;<br />
    }<br />
    table#wp-calendar th { font-weight:bold; }<br />
    table#calendar_wrap caption {<br />
    font-weight: bold;<br />
    }<br />
    table#calendar_wrap tbody {<br />
    text-align: right;<br />
    }<br />
    table#wp-calendar #next { text-align:right !important; }<br />
    table#wp-calendar #prev { text-align:left !important; }<br />
    table#wp-calendar #today {<br />
    background-color:#E3E2E2;<br />
    border:1px solid #B7B7B7;<br />
    font-weight:bold;<br />
    color: #262626;<br />
    }</p>
    <p>/* */<br />
    table {<br />
    font-family: verdana, arial, helvetica, sans-serif;<br />
    font-size: 12px;<br />
    }<br />
    h1, h2, h3, h4, h5, h6 { }<br />
    a{color:#3d3527 ;text-decoration:none;}<br />
    a:hover{text-decoration:underline;}<br />
    a.img {<br />
    border: 0px;<br />
    }<br />
    p {}<br />
    blockquote {<br />
    margin: 10px;<br />
    padding-left: 10px;<br />
    border-left: 5px solid #ddd;<br />
    }<br />
    blockquote p {<br />
    padding: 10px;<br />
    }<br />
    blockquote cite {<br />
    margin: 5px 0 0;<br />
    display: block;<br />
    }<br />
    dd {<br />
    padding: 0 0 0 20px;<br />
    }<br />
    form, input, textarea {<br />
    color: #474747;<br />
    }<br />
    .clear {<br />
    margin: 0px;<br />
    padding: 0px;<br />
    clear: both;<br />
    }<br />
    small {<br />
    font-size: 11px;<br />
    }
    </p>

  • #48022

    imported_josec
    Participante

    no le tienes ningun estilo al contenedor de tus entradas.. que es #content.. creo que por ahi va el problema.

    otra forma de faciltar el manejo de columnas es usando grillas

    saludos

  • #48230

    neuronic
    Participante

    uhm yo con el firefox 3.6 lo veo bien, todo en su sitio

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest

Ir al contenido