Cambiar estilo "width" css

paulkees · #1 (**permalink**) 11/09/2008, 13:56

Hola a todos...

Tengo en mi hoja de estilos por defecto para todas las pagínas, este id:

#contenedor{
background-color: #ffffff;
text-align: left;
width: 784px;
margin: 10px auto 10px auto;
}

Pero me guataría en algunas páginas cambiarle el "width" a 100% y lo tenga ni bien se abre la pagina.

Por favor, si me pueden orientar o ayudar...

Muchas gracias y saludos.-

#2 (**permalink**) 11/09/2008, 13:58

¿por qué no lo hacés con CSS?

<div id="contenedor" class="masAncho">

Código:

div#contenedor.masAncho {
    width : 100%;
}

Saludos.

paulkees · #3 (**permalink**) 11/09/2008, 14:10

Lo que pasa que la hoja de estilo esta incluida en un archivo interfase.php que es el que le da la cabecera a todas las páginas por medio de un include.

Por esto, debo modificar con javascript ese "width"... o me estoy equivocando mucho?

saludos.-

#4 (**permalink**) 11/09/2008, 14:19

Si tenés acceso al html, me parece más sencillo escribir

<div id="contenido" style="width:100%">

De todas formas la pregunta principal es: ¿Qué partes podés modificar? Con "partes" me refiero a CSS, Javascript, HTML o PHP

Saludos.

EPROM · #5 (**permalink**) 11/09/2008, 14:25

Si kieres usar JS, tendrias q llamar una funcion q contenga:

Código:

document.getElementById('contenedor').style.width = '100%';

Salu2

paulkees · #6 (**permalink**) 11/09/2008, 14:53

Hola EPROM....

Me parece que es por ahí el asunto....

La función sería así verdad?

function cambiar()
{
document.getElementById('contenedor').style.width = '100%'
}

Por favor, como llamaría a la función para que la pagina se abra automaticamente con ese ancho?

saludos.-

EPROM · #7 (**permalink**) 11/09/2008, 14:56

Podrías llamarla al cargar el HTML

Código:

<body onload="cambiar()">
.......
....

SALU2

paulkees · #8 (**permalink**) 11/09/2008, 15:12

No me funciona así con onload... será por que el body lo tengo en el include?

Pero tendría que funcionar igual!

paulkees · #9 (**permalink**) 11/09/2008, 16:25

Bueno, lo hice funcionar así:

window.onload = function cambiar()
{
document.getElementById('contenedor').style.width = '100%'
}

Aunque me gustaría saber si esto se puede hacer con php

Saludos.-