dar Formato a un DIV

[sergi_climent]

Hola, el problema es el siguiente:

digamos q tengo varios div flotante, uno con el id="div1" el otro con el id="div2"... y asi hasta unos cuantos más!
segun donde clickee el usuario se muestra uno o otro.
entonces el css q tengo es el siguiente:

Código:

#div1{
	
	position: absolute;
	width: 350px;
	height: 300px;
	overflow:auto;
	font-family:Arial;
	font-size:0.8em;
	border:1px solid #808080;
	background-color:#f1f1f1;
}

hay alguna manera para q el div2 me coja este css? o tengo de ir creando correlativamente?

Codigo usado:

Código HTML:

<td align="right" class="cela1">
 <div id="mostrarDiv">
 <a href="javascript:mostrardiv('div<?=$x;?>');"><?=$x;?>&nbsp;<img src="/img/plus.gif" border="0" /></a>
 </div>
<div id="div<?=$x;?>"  style="display:none;">
...
</div> 

saludos y gracias

[Mikmoro]

Decláralo así:

#div1, #div2 {...

y todos los que quieras que tengan ese mismo formato.

[AlbertoGarcia]

Hola lo puedes hacer de la siguiente forma:

#div1, #div2, #div3, #div4, #div5, #div6 { ... }

O si son muchos a lo mejor te sería más cómodo usar una clase para esos divs.

Salud!

[sergi_climent]

Iniciado por Mikmoro

Decláralo así:

#div1, #div2 {...

y todos los que quieras que tengan ese mismo formato.

ya pero... si tengo 300? tengo q declarar los 300?

[Mikmoro]

No. Puedes poner todos dentro de un contenedor, y luego declarar esto:

HTML

<div id="contenedor">
<div id="div1">...</div>
<div id="div2">...</div>
etc.
</div>

CSS

#contenedor div {propiedades}

Claro, eso siempre que los únicos divs que haya en #contenedor sean esos. Si no, una clase a cada uno (siempre la misma y:
div.clase {...}

P.D.: por cierto: nuestro primer choque , AlbertoGarcia