diferencia css chrome linux chrome windows

[rotivo]

Pues eso, abro la misma pagina con el navegador Google Chrome de Windows y se me ve como debería, en cambio si la abro con el navegador Google Chrome de Debian, se ve mal la página..¿es debido a algo o simplemente funciona de distina forma dependiendo de la plataforma? Gracias de antemano...

[webosiris]

Chrome, suponiendo claro que siempre hables de la misma versión, es igual tanto en windows como en linux.

La diferencias pueden deberse a:
- que sean diferentes versiones
- que en linux no tengas instaladas las fuentes adecuadas
- alguna otra cosa

con los datos que aportas es difícil saberlo.

[rotivo]

el fallo es de posicionamiento (position) y de alineado (con float) no me respeta los originales....
Por ejemplo en vez de aparecer flotado a la izquierda una imagen me salta al siguiente parrafo...

[kseso?]

En el foro de css no hay adivinos.

¿Quiere cábalas o respuestas cabales? Ponga el código, su código html+css, para poder evaluar si es el navegador o es el códificante.

La navaja de Ockham, esa herramienta tan olvidada.

[rotivo]

Ok, perdón:

Por ejemplo:

HTML de la sección:

<div id="table">
<div id="container">
<div id="inner">
<div id="servicesimage">
<div id="slider">
<div class="slide slide01">
<div class="slideCont">
<div class="txtContent">
<h5>IMPRESI&Oacute;N DIGITAL GRAN FORMATO</h5>
</div>
</div>
</div>

<div class="slide slide02">
<div class="slideCont">
<div class="txtContent">
<h5>DECORACI&Oacute;N DE INTERIORES</h5>
</div>
</div>
</div>

<div class="slide slide03">
<div class="slideCont">
<div class="txtContent">
<h5>DISE&Ntilde;O GR&Aacute;FICO</h5>
</div>
</div>
</div>

<div class="slide slide04">
<div class="slideCont">
<div class="txtContent">
<h5>ROTULACI&Oacute;N</h5>
</div>
</div>
</div>

<div class="slide slide05">
<div class="slideCont">
<div class="txtContent">
<h5>MONTAJE Y ACABADOS</h5>
</div>
</div>
</div>

<div class="slide slide06">
<div class="slideCont">
<div class="txtContent">
<h5>ELEMENTOS DE EXPOSICI&Oacute;N</h5>
</div>
</div>
</div>
</div>
<ul id="nav"></ul>
</div>

<div id="servicestext">
<p><strong>IMPRESI&Oacute;N DIGITAL GRAN FORMATO</strong></br>
Impresi&oacute;n de vinilos, lona, pancartas, papeles fotogr&aacute;ficos, backlites, lienzos, <br/>r&oacute;tulos luminosos.</p>
<p><strong>DECORACI&Oacute;N DE INTERIORES</strong></br>
Murales fotogr&aacute;ficos, vinilos decorativos seg&uacute;n exigencia, vinilos para <br/>cristales...</p>
<p><strong>DISE&Ntilde;O GR&Aacute;FICO</strong></br>
Imagen corporativa, dise&ntilde;os de cat&aacute;logos, flyers, tarjetas comerciales, carteler&iacute;a<br/> en general. </p>
<p><strong>ROTULACI&Oacute;N</strong></br>
Fabricaci&oacute;n de r&oacute;tulos luminosos, rotulaci&oacute;n de veh&iacute;culos, rotulaciones <br/>comerciales...</p>
<p><strong>MONTAJE Y ACABADOS</strong></br>
Lienzos sobre bastidor, montajes sobre cart&oacute;n pluma, PVC, alucobond, montajes <br/>fotogr&aacute;ficos sobre bastidor...</p>
<p><strong>ELEMENTOS DE EXPOSICI&Oacute;N</strong></br>
X-displays, displays enrrollables, pop-ups... <a href="">(consultar cat&aacute;logo)</a></p>
</div>
</div>
</div>
</div>

CSS:

body,html {
overflow-y:auto;
overflow-x:hidden;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
margin: 0;
padding: 0;
width:99.9%;
height:99.9%;
}

/* CONTENEDOR PRINCIPAL */

#page {
width:100%;
height:100%;
margin:auto;
z-index:-1;
}

#table{
display:table;
height:100%;
width:100%;
margin:0;
z-index:-1;
}

#container {
display:table-cell;
vertical-align:middle;
z-index:-1;
}

#inner {
width:1000px;
height:400px;
margin: 0 auto;
z-index:-1;
}

#servicesimage {
float:left;
z-index:1;
}

#servicestext {
float:left;
font-size:14px;
margin-left:10px;
text-align:justify;
}

#servicesimage, #slider {
position:relative;
}

.slide {
height:350px;
width:350px;
}

.slide01 {
background:url(../images/impresion-digitalDEF.jpg) 0 0 no-repeat;
}

.slide02 {
background:url(../images/decoracion-interioresDEF.jpg) 0 0 no-repeat;
}

.slide03 {
background:url(../images/diseno-graficoDEF.jpg) 0 0 no-repeat;
}

.slide04 {
background:url(../images/rotulacionDEF.jpg) 0 0 no-repeat;
}

.slide05 {
background:url(../images/carton-plumaDEF.jpg) 0 0 no-repeat;
}

.slide06 {
background:url(../images/elementos-exposicionDEF.jpg) 0 0 no-repeat;
}

.slide01 .slideCont, .slide .slideCont {
padding-top:278px;
}

.slide01 .txtContent h5, .slide02 .txtContent h5, .slide03 .txtContent h5, .slide04 .txtContent h5, .slide05 .txtContent h5, .slide06 .txtContent h5 {
font-size:20px;
line-height:50px;
float:left;
color:black;
text-transform:uppercase;
padding-top:9px;
padding-right:12px;
padding-left:12px;
margin-top:-180px;
}

Aqui teneis el html de la sección servicios y el css del contenedor de la pagina principal y css de la seccion servicios (incluí tambien el css del slider). A ver si ahora podeis echarme un cable... gracias!!!

[rotivo]

Me autorespondo: tenía instalada la versión inestable de google-chrome (ya muy desactualizada). Instale la actual estable y se ve exactamente igual. :)