Foros del Web » Creando para Internet » CSS »

Problema con div al restaurar

Estas en el tema de Problema con div al restaurar en el foro de CSS en Foros del Web. Pues bien lo primero saludar a todos los cracks que nos ayudan a los torpecillos como yo..... El problema que tengo es que me he ...
  #1 (permalink)  
Antiguo 31/08/2010, 14:28
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 7 años, 4 meses
Puntos: 0
Problema con div al restaurar

Pues bien lo primero saludar a todos los cracks que nos ayudan a los torpecillos como yo.....
El problema que tengo es que me he bajado una pagina ya hecha, en estilo css, la cual la estoy retocando y todo de lujo, hasta que he añadido unos divs , que al verlos en el navegador se ve bien siempre que la ventena este maximizada ( o al maximo de ) pero al restaurar estos divs añadidos por mi se mueven , mientras que los otros no...

A aver si alguien me puede decir porque se me mueven y que hacer para evitarlo, si os tengo que poner alguna informacion decirmelo y la pongo

Gracias de antemano
  #2 (permalink)  
Antiguo 31/08/2010, 15:34
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema con div al restaurar

Hola:

¿Será que tienen el baile de San Vito? Pon la URL de tu página o en su defecto tu código completo (HTML+CSS) para poder ayudarte.

Saludos.

  #3 (permalink)  
Antiguo 31/08/2010, 16:52
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Problema con div al restaurar

Lo primero gracias por la ayuda.

Bueno a ver si consigo poder poner divs en esta pagina sin que se muevan...

Cita:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Book Store</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:111px;
top:21px;
width:221px;
height:67px;
z-index:1;
}
body {
background-color: #CCCCCC;
}
#apDiv2 {
position:absolute;
left:688px;
top:631px;
width:89px;
height:103px;
z-index:1;
}
#apDiv3 {
position:absolute;
left:803px;
top:626px;
width:142px;
height:129px;
z-index:1;
}
.Estilo2 {
color: #666666;
font-weight: bold;
}
.Estilo3 {
color: #3333FF;
font-weight: bold;
}
.Estilo4 {
color: #3333FF
}
#apDiv4 {
position:absolute;
left:279px;
top:690px;
width:122px;
height:21px;
z-index:1;
}
#apDiv5 {
position:absolute;
left:115px;
top:699px;
width:149px;
height:102px;
z-index:auto;
margin: 30px;
padding: 10px;
}
#apDiv6 {
position:absolute;
left:268px;
top:865px;
width:147px;
height:125px;
z-index:3;
}
#apDiv7 {
position:absolute;
left:469px;
top:690px;
width:122px;
height:21px;
z-index:4;
}
#apDiv8 {
position:absolute;
left:459px;
top:723px;
width:149px;
height:122px;
z-index:5;
}
#apDiv9 {
position:absolute;
left:458px;
top:865px;
width:151px;
height:123px;
z-index:6;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
.Estilo6 {color: #949599}
#apDiv10 {
position:absolute;
left:158px;
top:824px;
width:134px;
height:80px;
z-index:1;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
with(navigator){
var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
if (!isIE || !isWin){
var flashVer = -1;
if (plugins && plugins.length > 0){
var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
if (desc == "") flashVer = -1;
else{
var descArr = desc.split(" ");
var tempArrMajor = descArr[2].split(".");
var verMajor = tempArrMajor[0];
var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
flashVer = parseFloat(verMajor + "." + verMinor);
}
}
// WebTV has Flash Player 4 or lower -- too low for video
else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;

var verArr = reqVerStr.split(",");
var reqVer = parseFloat(verArr[0] + "." + verArr[2]);

if (flashVer < reqVer){
if (confirm(msg))
window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
}
}
}
}
</script>
</head>
<body onload="MM_CheckFlashVersion('7,0,0,0','El contenido de la p&aacute;gina requiere una nueva versi&oacute;n del reproductor Adobe Flash. Desea descargarlo ahora?');">
<div id="wrap">

<div class="header">
<div class="logo"><img src="http://www.forosdelweb.com/Escritorio/Sin-t&iacute;tulo-1.png" width="300" height="38" /></div>
<div id="menu">
<ul>
<li class="selected"><a href="virgen2.html"><strong>Inicio</strong></a></li>
<li><a href="demos/classic-02.html"><strong>Fotos</strong></a></li>
<li><a href="category.html"><strong>Blog</strong></a></li>
<li><a href="specials.html"><strong>Profesorado</strong></a></li>
<li><a href="index.html"><strong>Videos</strong></a></li>
<li><a href="register.html"><strong>Noticias</strong></a></li>
<li><a href="details.html"><strong>Descargas</strong></a></li>
<li><a href="contact.html"><strong>Contacto</strong></a></li>
</ul>
</div>


</div>


<div class="center_content">
<div class="left_content">

<div class="title"><span class="title_icon"><img src="images/bullet1.gif" alt="" title="" /></span><span class="Estilo6">Ultimas Noticias</span></div>

<div class="feat_prod_box">

<div class="prod_img"><a href="virgennoticias.html"><img src="http://www.forosdelweb.com/Escritorio/Virgen Salud/images/colegio1.JPG" alt="" width="100" height="140" border="0" title="" /></a></div>

<div class="prod_det_box">
<div class="box_top"></div>
<div class="box_center">
<div class="prod_title Estilo2 Estilo4">OBRAS FINALIZADAS</div>
<p class="details">Las obras realizadas en el patio han finalizado. A partir del dia 15 en el que se celebrara la inaguraci&oacute;n, se podra disfrutar de los nuevos bancos, columpios, etc...</p>
<p class="details">&nbsp;</p>
<a href="virgennoticias.html" class="more Estilo4">- mas detalles-</a>
<div class="clear"></div>
</div>
  #4 (permalink)  
Antiguo 31/08/2010, 17:02
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Problema con div al restaurar

Continua:
Cita:
<div class="left_content">

<div class="title"><span class="title_icon"><img src="images/bullet1.gif" alt="" title="" /></span><span class="Estilo6">Ultimas Noticias</span></div>

<div class="feat_prod_box">

<div class="prod_img"><a href="virgennoticias.html"><img src="../../../../Escritorio/Virgen Salud/images/colegio1.JPG" alt="" width="100" height="140" border="0" title="" /></a></div>

<div class="prod_det_box">
<div class="box_top"></div>
<div class="box_center">
<div class="prod_title Estilo2 Estilo4">OBRAS FINALIZADAS</div>
<p class="details">Las obras realizadas en el patio han finalizado. A partir del dia 15 en el que se celebrara la inaguraci&oacute;n, se podra disfrutar de los nuevos bancos, columpios, etc...</p>
<p class="details">&nbsp;</p>
<a href="virgennoticias.html" class="more Estilo4">- mas detalles-</a>
<div class="clear"></div>
</div>

<div class="box_bottom"></div>
</div>
<div class="clear"></div>
</div>


<div class="feat_prod_box">

<div class="prod_img"><a href="details.html"><img src="../../../../Escritorio/Virgen Salud/images/colegio2.JPG" alt="" width="100" height="140" border="0" title="" /></a></div>

<div class="prod_det_box">
<div class="box_top"></div>
<div class="box_center">
<div class="prod_title Estilo3">JORNADAS DEPORTIVAS</div>
<p class="details">El Dia 7 de Diciembre se celebraran las jornadas deportivas. Habran competiciones de Futbol- Sala, Baloncesto, Balonmano, Velocidad, y un largo etcetera de actividades deportivas. </p>
<p class="details">&nbsp;</p>
<a href="details.html" class="more">- mas detalles-</a>
<div class="clear"></div>
</div>

<div class="box_bottom"></div>
</div>
<div class="clear"></div>
</div>



<div class="title"><span class="title_icon"><img src="images/bullet2.gif" alt="" title="" /></span><span class="Estilo6">Anteriores Noticias</span></div>

<div class="new_products">

<div class="new_prod_box">
<a href="details.html">Hola que tal estas pe</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
<a href="details.html"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a>
</div>
</div>

<div class="new_prod_box">
<a href="details.html">product name</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
<a href="details.html"><img src="images/thumb2.gif" alt="" title="" class="thumb" border="0" /></a>
</div>
</div>

<div class="new_prod_box">
<a href="details.html">product name</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
<a href="details.html"><img src="images/thumb3.gif" alt="" title="" class="thumb" border="0" /></a>
</div>
</div>

</div>


<div class="clear"></div>
</div><!--end of left content-->

<div class="right_content">
<div class="title"><span class="title_icon"><img src="images/bullet3.gif" alt="" title="" /></span><a href="demos/classic-02.html" class="Estilo6">Galeria Fotografica</a></div>
<div class="about">
<p>
<a href="demos/classic-02.html"><img src="../../../../Escritorio/Virgen Salud/images/aqlumnos.JPG" alt="" width="116" height="80" class="right" title="" /></a>Desde aqui puedes buscarte en alguna fotografia...</p>
</div>

<div class="right_box">

<div class="title"><span class="title_icon"><img src="images/bullet4.gif" alt="" title="" /></span><a href="index.html" class="Estilo6">Videos</a></div>
<div class="new_prod_box">
<a href="index.html"><strong>Ibra</strong></a>
<div class="new_prod_bg">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','140','height ','140','id','FLVPlayer','src','FLVPlayer_Progress ive','flashvars','&MM_ComponentVersion=1&skinName= Corona_Skin_1&streamName=images/gabi&autoPlay=false&autoRewind=false','quality','h igh','scale','noscale','name','FLVPlayer','salign' ,'lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','FLVPlayer_Progressive' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="140" height="140" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin _1&streamName=images/gabi&autoPlay=false&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_ Skin_1&streamName=images/gabi&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="140" height="140" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" />
</object>
</noscript></div>
</div>

<div class="new_prod_box">
<a href="index.html"><strong>Nike</strong></a>
<div class="new_prod_bg">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','140','height ','140','id','FLVPlayer1','src','FLVPlayer_Progres sive','flashvars','&MM_ComponentVersion=1&skinName =Corona_Skin_1&streamName=images/YouTube_-_Canal_de_nikefootball_-_Mozilla_Firefox&autoPlay=false&autoRewind=false', 'quality','high','scale','noscale','name','FLVPlay er1','salign','lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','FLVPlayer_Progressive' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="140" height="140" id="FLVPlayer1">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin _1&streamName=images/YouTube_-_Canal_de_nikefootball_-_Mozilla_Firefox&autoPlay=false&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_ Skin_1&streamName=images/YouTube_-_Canal_de_nikefootball_-_Mozilla_Firefox&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="140" height="140" name="FLVPlayer1" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" />
</object>
</noscript>
</div>
</div>
  #5 (permalink)  
Antiguo 31/08/2010, 17:03
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Problema con div al restaurar

Y acaba:

Cita:
<div class="new_prod_box">
<a href="index.html"><strong>Viaje Eurodisney</strong></a>
<div class="new_prod_bg">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','140','height ','140','id','FLVPlayer2','src','FLVPlayer_Progres sive','flashvars','&MM_ComponentVersion=1&skinName =Clear_Skin_1&streamName=images/videoplayback&autoPlay=false&autoRewind=false','qu ality','high','scale','noscale','name','FLVPlayer2 ','salign','lt','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','FLVPlayer_Progressive' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="140" height="140" id="FLVPlayer2">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_ 1&streamName=images/videoplayback&autoPlay=false&autoRewind=false" />
<embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_S kin_1&streamName=images/videoplayback&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="140" height="140" name="FLVPlayer2" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" />
</object>
</noscript></div>
</div>

</div>

<div class="right_box">

<div class="title"><span class="title_icon"><img src="images/bullet5.gif" alt="" title="" /></span><span class="Estilo6">Departamentos</span></div>

<ul class="list">
<li><a href="#">Lenguaje</a></li>
<li><a href="#">Matematicas</a></li>
<li><a href="#">Ingles</a></li>
<li><a href="#">Religion</a></li>
<li><a href="#">Ed.Fisica</a></li>
<li><a href="#">Musica</a></li>
<li><a href="#">Dibujo</a></li>
<li><a href="#">Conoc. Medio</a></li>
<li><a href="#">Valenciano</a></li>
<li></li>
</ul>

<div class="title"><span class="title_icon"><img src="images/bullet6.gif" alt="" title="" /></span><span class="Estilo6">Personal del Centro</span></div>

<ul class="list">
<li><a href="#">Director</a></li>
<li><a href="#">Subdirector</a></li>
<li><a href="#">Secretario</a></li>
<li><a href="#">Maestros</a></li>
<li><a href="#">Conserjes</a></li>
<li></li>
</ul>

</div>


</div><!--end of right content-->




<div class="clear"></div>
</div><!--end of center content-->


<div class="footer">
<div class="right_footer">
<a href="#">Inicio</a>
<a href="#">about us</a>
<a href="#">services</a>
<a href="#">privacy policy</a>
<a href="#">contact us</a>

</div>


</div>


</div>

</body>
</html>
  #6 (permalink)  
Antiguo 31/08/2010, 17:04
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Problema con div al restaurar

y el css:

Cita:
body
{
background-color:#6F605A;
font-family:Arial, Helvetica, sans-serif;
padding:0;
font-size:12px;
margin:0px auto auto auto;
color:#000000;
}
a{
color:#f8981d;
}
.clear{
clear:both;
}
p{
padding:5px 0 5px 0;
margin:0px;
text-align:justify;
line-height:19px;
}
p.details{
padding:5px 15px 5px 15px;
font-size:11px;
}
p.details_cart{
clear:both;
padding:25px 30px 5px 0px;
font-size:11px;
font-style:italic;
}
p.more_details{
padding:25px 20px 0px 20px;
font-size:11px;

}
#wrap{
width:900px;
height: auto;
margin:auto;
background-color:#FFFFFF;
}
.header{
width:900px;
height:181px;
background-image: url(../../../../Escritorio/Virgen%20Salud/images/pizarracabezera.jpg);
background-repeat: no-repeat;
background-position: center;
}
.logo{
padding:50px 0 0 130px;
}
/*-----------------------------menu-------------------*/
#menu{
width:628px;
height:30px;
padding:55px 0 0 10px;
}
#menu ul{
display:block;
list-style:none;
padding:9px 0 0 10px;
margin:0px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:20px;
}
#menu ul li a{
height:27px;
display:block;
padding:0px 10px 0 10px;
margin:0 4px 0 4px;
_margin:0 2px 0 2px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:25px;
}
#menu ul li.selected a{
height:27px;
display:block;
padding:0px 10px 0 10px;
margin:0 5px 0 5px;
float:left;
text-decoration:none;
text-align:center;
color:#f7a849;
font-size:13px;
line-height:25px;
}
#menu ul li a:hover{
color:#f7a849;
}
/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#990000;
}
span.red{
color:#990000;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.colors{
padding:2px 2px 0 2px;
}


/*------------------------------------center content--------------------*/
.center_content{
width:900px;
padding:0px 0 0 0;
background:url(images/center_bg.gif) repeat-y center;
}
.left_content{
width:490px;
float:left;
padding:20px 0 20px 20px;
}
.right_content{
width:370px;
float:left;
padding:20px 0 20px 20px;
}
.title{
color:#734633;
padding:0px;
float:left;
font-size:19px;
margin:10px 0 10px 0;
}
span.title_icon{
float:left;
padding:0 5px 0 0;
}
.prod_title{
color:#f8981d;
padding:5px 0 0 15px;
font-size:13px;
}
a.more{
font-style:italic;
color:#3333FF;
float:right;
text-decoration:none;
font-size:11px;
padding:0px 15px 0 0;
}
.about{
width:337px;
clear:both;
padding:0 0 35px 0;
background-repeat: no-repeat;
background-position: center bottom;
}
img.right{
float:right;
padding:0 0 0 10px;
}
.right_box{
width:170px;
float:left;
padding:10px 0 0 0;
}

/*--------feat_prod_box-----------*/
.feat_prod_box{
padding:10px 0 10px 10px;
margin:0 20px 20px 0;
border-bottom:1px #b2b2b2 dashed;
clear:both;
}
.feat_prod_box_details{
padding:10px 0 10px 0;
margin:0 20px 10px 0;
clear:both;
}
.prod_img{
float:left;
padding:0 5px 0 0;
text-align:center;
}
.prod_det_box{
width:295px;
float:left;
padding:0 0 0 25px;
position:relative;
}
.box_top{
width:295px;
height:9px;
background:url(images/box_top.gif) no-repeat center bottom;
}
.box_center{
width:295px;
height:auto;
background:url(images/box_center.gif) repeat-y center;
}
.box_bottom{
width:295px;
height:9px;
background:url(images/box_bottom.gif) no-repeat center top;
}

.new_prod_box{
float:left;
text-align:center;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 100px;
padding-left: 10px;
}
.new_prod_box a{
color:#b5b5b6;
text-decoration:none;
display:block;
padding-top: 1px;
padding-right: 0;
padding-bottom: 1px;
padding-left: 0;
}
.new_prod_bg{
width:132px;
height:119px;
text-align:center;
background:url(images/new_prod_box.gif) no-repeat center;
position:relative;
}
.new_icon{
position:absolute;
top:0px;
right:0px;
z-index:200;
}
.special_icon{
position:absolute;
top:0px;
_top:6px;
right:2px;
z-index:250;
}
img.thumb{
padding:10px 0 0 0;
}
.new_products{
clear:both;
padding:0px;
}

ul.list{
clear:both;
padding:10px 0 0 20px;
margin:0px;
}
ul.list li{
list-style:none;
padding:2px 0 2px 0;
}
ul.list li a{
list-style:none;
text-decoration:none;
color:#000000;
background:url(images/left_menu_bullet.gif) no-repeat left;
padding:0 0 0 17px;
}
ul.list li a:hover{
text-decoration:underline;
}

/* demo */

div.demolayout {
width:460px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #666;
background: #eee;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #fff;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#795636;
}

.tabs-container {
clear: left;
padding:0px;
}
/*-----------------------languages_box---------*/
.languages_box{
padding:0 0 5px 0;
float:left;
}
.languages_box a{
padding:0 2px 0 2px;
}
.languages_box a.selected{
padding:2px 2px 0 2px;
border:1px #CCCCCC solid;
}
.currency{
float:left;
padding:0 0 0 20px;
}
.currency a{
text-decoration:none;
color:#333333;
padding:3px;
border:1px #eeedee solid;
}
.currency a.selected{
text-decoration:none;
color:#fff;
padding:3px;
border:1px #eeedee solid;
background-color:#FF9900;
font-weight:bold;
}
.currency a:hover{
border:1px #990000 solid;
}
/*------------------------cart---------------------*/
.cart{
width:337px;
float:left;
height:40px;
margin:10px 0 10px 0;
background:url(images/border.gif) no-repeat bottom center;
padding:0 0 30px 0;
}
.home_cart_content{
float:left;
padding:3px;
border:1px #eeedee solid;
margin:10px 0 0 15px;
}
a.view_cart{
display:block;
float:left;
margin:12px 0 0 10px;
color:#990000;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:25px;
margin:20px 0 0 15px;
_margin:20px 0 0 5px;
border:1px #DFD1D2 dashed;
position:relative;
}
.form_row{
width:335px;
_width:355px;
clear:both;
padding:10px 0 10px 0;
_padding:5px 0 5px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
input.register{
width:71px;
height:25px;
border:none;
cursor:pointer;
text-align:center;
float:right;
color:#FFFFFF;
background:url(images/register_bt.gif) no-repeat center;
}
a.contact{
width:53px;
height:24px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(images/contact_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:24px;
color:#fff;
}
a.checkout{
width:71px;
height:25px;
display:block;
float:right;
margin:10px 30px 0 10px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
a.continue{
width:71px;
height:25px;
display:block;
float:left;
margin:10px 0 0 0px;
background:url(images/register_bt.gif) no-repeat center;
text-decoration:none;
text-align:center;
line-height:25px;
color:#fff;
}
.terms{
padding:0 0 0 80px;
}
.form_subtitle{
position:absolute;
top:-11px;
left:7px;
width:auto;
height:20px;
background-color:#795636;
text-align:center;
padding:0 7px 0 7px;
color:#FFFFFF;
font-size:11px;
line-height:20px;
}
/*--------------cart_table-------------*/
.cart_table{
width:440px;
border:1px #CCCCCC solid;
text-align:center;
}
tr.cart_title{
background-color:#DFDFDF;
}
td{
padding:3px;
}
td.cart_total{
text-align:right;
padding:5px 15px 5px 0;
}
img.cart_thumb{
border:1px #b2b2b2 solid;
padding:2px;
}
/*--------------*/
div.pagination {
width:420px;
padding:5px;
margin:5px;
text-align:center;
float:left;
clear:both;
font-size:10px;
}

div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
text-decoration: none;
color: #795636;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #795636;
color: #fff;
background-color: #795636;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #795636;
font-weight: bold;
background-color: #795636;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
/*---------------footer------------------------*/
.footer{
height:100px;
border-top:1px #b2b2b2 dashed;
background:url(images/footer_bg.gif) no-repeat bottom;
}
.left_footer{
float:left;
padding:10px 0 0 10px;
}
.right_footer{
float:right;
padding:10px 10px 0 0;
}
.footer a{
text-decoration:none;
padding:0 5px 0 5px;
color:#afaeaf;
}
#wrap .center_content .left_content .new_products .new_prod_box {
}
  #7 (permalink)  
Antiguo 31/08/2010, 23:49
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema con div al restaurar

bufff, cuanto codigo solo mirando por mirar, veo mucha posicion absoluta, no es muy recomendable usarlo para la estructura de un sitio, solo para elementos especificos que necesitemos que salgan fuera del flujo natural del documento, seria mejor que pongas la URL de tu problema o esperar a alguien con el tiempo para mirar a fondo tu problema
  #8 (permalink)  
Antiguo 01/09/2010, 03:47
 
Fecha de Ingreso: julio-2010
Mensajes: 41
Antigüedad: 7 años, 4 meses
Puntos: 0
Respuesta: Problema con div al restaurar

El tema es que no esta subida la pagina... Bueno si no puedo añadir divs pa , con que me digais como añado mas de las que ya hay q no se, me conformo xD

Gracias

Etiquetas: restaurar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:12.