Evitar herencia css

[phyronx]

Buenas,

Tengo un div con 100% de ancho, dentro del div content, el cual tiene padding y margin, por los 4 lados.

El problema que me surge es que el div quiero que llegue a los 2 lados de la pantalla, que no le afecte el margen del content, sin quitarlo ya que al resto de elementos si que debe quedar margen.

Prove que funciona con position:fixed, pero entonces los otros elementos se sobreponen, logicamente.

Estoy trabajando con wordpress, y vi que uno de los plugins que usa la pagina para cargar una imagen conseguia hacerlo, pero si no me equivoco usa un script que le da a esa imagen el tamaño de la pantalla en px, no hace uso de porcentajes, saltandose asi los margenes. Si haces pequeña la pantalla cambia el valor en px de la imagen.

Podria hacer un script para hacer lo mismo con mi div, pero queria saber si es posible hacerlo con css, osea evitar que al div interior le afecte margen del div contenedor.

[catucux]

Siempre utiliza un "reset.css" para eliminar todo margin o padding que pueda desconfigurar tu sitio web.

Yo sinceramente usaria etiquetas de HTML5 para mayor control de contenido pero si usas solo div me lo imagino algo asi:

Código CSS:

#contenido{
width: 100%;
}
 
#content{
margin: 0px;
padding: 0px;
}
 
.otro-content{
margin: 10px;
padding: 10px;
}
 

Código HTML:

<div id="contenido"> //100% ancho
     
     <div id="content">
          Mi nuevo contenido sin margenes.
     </div>
 
     <div clas="otro-content">
          El contenido que si quiero con margen.
     </div>
 
</div>
 

Espero haberte ayudado!
Saludos.

[pzin]

La C de CSS hace referncia a la herencia. No la puedes evitar, es lo más básico de CSS.

De todas formas, no entendiendo bien tu problema, será que es tarde, seguramente sea un fallo conceptual. ¿Puedes poner el código HTML/CSS implicado?