Tengo una tabla al 100% de ancho. Voy a añadir un azar div con php completo de los anuncios a veces. Quiero que el anuncio div ser sobre el derecho y el contenido de la tabla. Quiero que la tabla de la izquierda, pero aún al 100% o por lo que va a llenar todo el espacio a la izquierda de la ad div.

En breve, así que cuando el div no está presente la tabla de completar el 100% de ancho.
Cuando el div está presente el div estará en el lado derecho de la tabla en un conjunto de ancho de 300px.

Aquí es el estilo del div

.ContentAds {
    float: right;
    height: 100%;
    width: 300px;
    display: block;
    clear: none;
}

La tabla no es un div, pero simplemente se ajusta al 100% de ancho.

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td><p class="Title">Title</p>
    <p>This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content.. </p></td>
  </tr>
</table>
  • ¿Qué significa I want the ad div to be on the right and the content of the table.? También ¿qué quieres exactamente: table to be on the left but still at 100% o div ser at a set width of 300px
  • si el div no está presente la tabla será el 100%. Si está presente, entonces será en el lado izquierdo en 300px y el contenido de la tabla a la izquierda de la div pero llenar todo el espacio. Sentido?
  • Si la tabla se extenderá hasta el 100% de ancho y tienen el mismo padre con el div, entonces no habrá lugar para la div causa de los padres de ancho es de 100% y desea 100% + 300px. pero estoy seguro de que hay alguna solución que usted sólo tiene que aclarar su tarea
  • a la derecha. lo que quiero decir con 100% en ese momento es llenar la parte izquierda de la página de… todos. Así que tal vez hay un 70 por ciento de izquierda, pero quiero que la tabla para completar el 100% del espacio de la izquierda.
  • Mostrar algo de php. Usted necesita para cambiar dinámicamente la clase css de la tabla o puede ser id. Así que cuando usted envía al cliente html sin div tabla se tiene el 100% de ancho, y cuando con un div, tendrá que proporcionar otro estilo
InformationsquelleAutor Papa De Beau | 2012-08-16

2 Comentarios

  1. 2

    Por ahora sólo puedo sugerir para envolver a su mesa con un div posicionadas. Pero no puedo estar seguro de que será suficiente para la causa de que usted proporcionó más bien pequeña cantidad de código
    jsfiddle

    <div class="ad">
        advertise... advertise
        advertise... advertise
        advertise... advertise
    </div>
    <div class="table_wr">
        <table>
            <tr>
                <td>
                    <p class="Title">Title</p>
                    <p>
                        This is the content. This is the content.
                        This is the content. This is the content.
                        This is the content. This is the content.
                        This is the content. This is the content..
                    </p>
                </td>
            </tr>
        </table>
    </div>

    CSS

    body {
        position: relative;
    }
    table {
        border: 1px solid black;
        width: 100%;
    }
    .ad {
        float:right;
        width:300px;
        height: 500px;
        background-color: #a2e89f;
    }
    .table_wr {
        position: absolute;
        left: 0;
        right: 300px;
    }

    frontera se establece para la tabla para que pueda ver dónde tabla de estiramientos

  2. 0

    Creo que esto no funcionará a menos que le dan a la mesa un conjunto más pequeño de ancho cuando el otro DIV está presente, entonces usted podría flotar a la izquierda también.

    Tal vez usted podría tener la mesa puesta para ser del 100%, cuando el otro DIV que hay que añadir una clase sobre la mesa, el cual ajusta la anchura y la flota?

Dejar respuesta

Please enter your comment!
Please enter your name here