como mantener una caja flotante centrada.

[Copia]

Hola, no sabia como poner el titulo, les comento lo que tengo.
Tengo tres div, los tres flotantes.
DOs de esos div son float:left, mas uno esta coo float:right.

Bien mi plantilla es dinamica y tengo las tres cajas, conforme lo que configurado con sus respectivos margin, queda perfecto para mi resolucion de pantalla 1280*1024 pero si cambio la resolucion de pantalla estas se modifican.

Floatuno:left Floatdos:left Floattre:right

A Floatdos quiesiera que siempre este centrado, sea cual sea la resolucion de la pantalla.

¿Se puede? si es así como?, ya prove con centrar ese div y la verdad no pasa nada.

[daPhyre]

¿Como está tu código CSS?

Por lo que veo, puede ser que al central solo debas ponerle un margen de cada lado equivalente al ancho de ambas columnas. Suerte

[Copia]

lo que pasa es que la plantilla es dinamica con max-width.

Codigo html:

Código:

<div id="header">            
			 		<div id="header_r">                                                                                       						
					    <div id="newtop">  <jdoc:include type="modules" name="top" /> </div>  
                        <div id="logo"></div>
                        <div id="logabba"></div>                 
                   </div>
			</div>

y este es el css:

Código:

div#wrapper {
	margin-left: auto;
	margin-right: auto;
}

body.width_medium div#wrapper {
	width: 950px;
}

body.width_small div#wrapper {
	width: 773px;
}

body.width_fmax div#wrapper {
	min-width: 750px;
	max-width: 1050px;
}

div#header{
	margin:0 12px;
}


div#header_r {
    padding-right: 30px;
	padding-top: 10px;
	overflow: hidden;
}

div#logo {
	float:left;
	width: 480px;
	margin-top:-8px;
	margin-left:20px;
	height: 124px;
	background: url('../images/mw_banner.png') 0 0 no-repeat;
}

div#logabba{
	float: right;
	width:154px;
	margin-right:10px;
	margin-top:8px;
	height:89px;
	background:url('../images/logoabba.png');
}

div#newtop {
 font-family:Verdana, Geneva, sans-serif;
 float:left;
 color: #003a63; 
 font-size: 0.9em;
 text-align:justify;
 font-style:oblique;
 line-height:1.1em;
 width:23%;
 margin-left: 25px;
 margin-top:7px;
 padding: 8px; 
}

[daPhyre]

Por lo que veo, elije de forma dinámica el mejor ancho para el wraper dependiendo de su tamaño. ¿Por que no haces la misma propiedad con floatdos? Seguramente eso resolverá el problema

[jomaruro]

Hola:

Échale un vistazo a este ejemplo de Mikmoro.

Saludos.

[Copia]

O disculpen tanta demora, bueno gracias por las respuestas.

Esta genial amigo jomaruro, ya lo implemento.

Saludos y muchas gracias.