01/06/2012, 11:38
|
| | Fecha de Ingreso: junio-2010
Mensajes: 124
Antigüedad: 14 años, 5 meses Puntos: 3 | |
Respuesta: diferencia css chrome linux chrome windows Ok, perdón:
Por ejemplo:
HTML de la sección: Cita: <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ÓN DIGITAL GRAN FORMATO</h5>
</div>
</div>
</div>
<div class="slide slide02">
<div class="slideCont">
<div class="txtContent">
<h5>DECORACIÓN DE INTERIORES</h5>
</div>
</div>
</div>
<div class="slide slide03">
<div class="slideCont">
<div class="txtContent">
<h5>DISEÑO GRÁFICO</h5>
</div>
</div>
</div>
<div class="slide slide04">
<div class="slideCont">
<div class="txtContent">
<h5>ROTULACIÓ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ÓN</h5>
</div>
</div>
</div>
</div>
<ul id="nav"></ul>
</div>
<div id="servicestext">
<p><strong>IMPRESIÓN DIGITAL GRAN FORMATO</strong></br>
Impresión de vinilos, lona, pancartas, papeles fotográficos, backlites, lienzos, <br/>rótulos luminosos.</p>
<p><strong>DECORACIÓN DE INTERIORES</strong></br>
Murales fotográficos, vinilos decorativos según exigencia, vinilos para <br/>cristales...</p>
<p><strong>DISEÑO GRÁFICO</strong></br>
Imagen corporativa, diseños de catálogos, flyers, tarjetas comerciales, cartelería<br/> en general. </p>
<p><strong>ROTULACIÓN</strong></br>
Fabricación de rótulos luminosos, rotulación de vehículos, rotulaciones <br/>comerciales...</p>
<p><strong>MONTAJE Y ACABADOS</strong></br>
Lienzos sobre bastidor, montajes sobre cartón pluma, PVC, alucobond, montajes <br/>fotográficos sobre bastidor...</p>
<p><strong>ELEMENTOS DE EXPOSICIÓN</strong></br>
X-displays, displays enrrollables, pop-ups... <a href="">(consultar catálogo)</a></p>
</div>
</div>
</div>
</div> CSS: Cita: 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!!! |