Foros del Web » Creando para Internet » Diseño web »

mas problemillas con la maquetacion

Estas en el tema de mas problemillas con la maquetacion en el foro de Diseño web en Foros del Web. el problema es que lo tengo todo maquetado como quiero pero abajo del todo de la pagina se ve mas alla del final de la ...
  #1 (permalink)  
Antiguo 29/07/2009, 11:35
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
mas problemillas con la maquetacion

el problema es que lo tengo todo maquetado como quiero pero abajo del todo de la pagina se ve mas alla del final de la misma (la barra lateral de desplazamiento se agranda mucho por que se puede bajar mucho mas abajo de donde se supone ke termina la pagina, no se si me explico bien)

creo ke es por el padding ke e usado en varios parrafos etc etc pero no consigo encontrar el error.

pongo el codigo por si alguien me puede ayudar...

y aprovecho para preguntar, que como pongo todos los parrafos de una pagina en negrita sin tener que estar repitiendo <strong> en cada parrafo????

enga


Código:
/* CSS Document */

#wrapperservicios{
	height:auto;
	margin:auto;
	width: 800px;
	border-top-color:#000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-style: solid;
	border-right-style:solid;
	border-left-style: solid;
	border-bottom-style:solid;
	background-color: #FFFFFF;
	border-width:thin;

	
	}
	
#headerservicios {
	width:800px;
	height:auto;
	background-color: #FFFFFF;
	margin:auto;	
	float:left;	
	
}


#menu div.barraMenu,
#menu div.barraMenu 
a.botonMenu {
	font-family: sans-serif, Verdana, Arial;
	font-size: 14px;
	color: #FFFFFF;
	width:800px;
	height:auto;
	margin:auto;
	
}

#menu div.barraMenu {
text-align:left;
margin:auto;




	
}

#menu div.barraMenu a.botonMenu {
background-color: #FFFFFF;
color: #a97110;
cursor: pointer;
padding: 10px 6px 2px 5px;
text-decoration: none;
background-color: #ffffff;

}
#wrapperservicios #menu .barraMenu {
text-align:center;
background-color: #FFFFFF;
height:auto;

}


#menu div.barraMenu a.botonMenu:hover {
color:#006729;

}

#menu div.barraMenu a.botonMenu:active {
	text-align: center;
}	


#imagenindex {
width:800px;
height:142px;
margin:auto;
padding-top:20px;
}
#maingarantia{
width:800px;
	background-color:#FFFFFF;
	height:1100px;
	float:inherit;
	
	}
	
#textogarantia{
width:800px;
height:900px;
padding-left:30px;
padding-right:30px;
padding-top:20px;

}	

#celdaizquierda{
width:160px;
height:1100px;
float:left;
}

#celdaderecha{
width:640px;
height:1100px;
float:left;
}
/*
#celdaderecha img{
float:left;
}

#celdaderecha h2{

font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:16px;
padding-right:25px;
padding-left:28px;

}

.enca {

font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:16px;
}
.deleg {

font-size:12px;
text-align:justify;

padding-right:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
*/
#celdaderecha p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
padding-left:30px;
padding-right:20px;
}

#celdaderechain {
width:620px;
height:230px;
}

#celdaderechain img{
float:left;
border: #000000 solid thin;
}

#celdaderechain h1{
float:left;
}

#celdaderechain p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
padding-right:82px;
padding-left:220px;
}



.boton a {/*las propiedades que necesites*/
	text-decoration: none;
	color: #999999;
}
  
.boton  a:hover{
	text-decoration: none;
	color: #FF0000;
}

#celdadentroderecha {
width:538px;
height:1100px;
float:left;
}

/*propiedades de los elementos de celdadentroderecha */

#celdadentroderecha img{
float:right;
border: #000000 solid thin;


}

#celdadentroderecha .parrafoespecial {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;

padding-right:243px;
padding-left:5px;

}

#celdadentroderecha .parrafoespecial2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;

padding-right:243px;
padding-left:5px;

}

#celdadentroderecha .parrafoespecial3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;

padding-right:243px;
padding-left:5px;

}

#celdadentroderecha p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
padding-right:3px;
padding-left:5px;

}

.parrafofinal {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
color:  #a97110;

}
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>mudanzas 2000 s.l</title>



<link href="delegacionmadrid.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
	background-color: #ffd68e;
}
.Estilo1 {color: #A97110}
-->
</style>
</head>

<body>
<div id="wrapperservicios">
<div id="headerservicios"> 
	<p><img src="imagenes/logo-final.jpg" width="270" height="95" /></p>
</div>
    <div id="menu">
      <div class="barraMenu">
	<span class="Estilo1"><a class="botonMenu" href="index.php"><strong>Inicio</strong>  </a><a class="botonMenu" href="nosotros.php"><strong>Nosotros </strong> </a><a class="botonMenu" href=""><strong>Presupuestos </strong> </a><a class="botonMenu"><strong>Donde estamos </strong></a><a class="botonMenu" href="garantia.php"><strong>Garantía </strong> </a><a class="botonMenu" href=""><strong>Delegaciones </strong> </a></span><a href="servicios.php" class="botonMenu "><strong>Servicios </strong></a> 
      <p><img src="imagenes/imagengarantiacabezera.jpg" width="800" height="149" /></p>
      </div>
      <div id="maingarantia">

<div id="celdaizquierda">
</div>

<div id="celdaderecha">
<div id="celdaderechain">
<h1>MUDANZAS MALAGA - 951 00 00 00 </h1>
<img src="imagenes/delegacion_malaga1.jpg" width="199" height="145" />
<p> <strong>Estamos especialmente contentos con nuestra empresa de mudanzas en Málaga
</strong></p>
<p><strong>
En mudanzas 2000 s.l Málaga somos ya más de 70 empleados de media, disponemos de una flota propia de más de 20 vehículos. Vehículos autocapitonés con una capacidad que va desde los 10m3 a los grandes camiones Volvo, Mercedes o Pegaso que alcanzan hasta los 100 m3.
</strong></p>
<div id="celdadentroderecha">
<img src="imagenes/delegacion_malaga2.jpg" width="227" height="272" />
<p class="parrafoespecial"><strong>Todos ellos con las adaptaciones interiores y mecánicas para realizar el transporte con las máximas garantías, siendo la empresa de mudanzas y guardamuebles que sin ninguna duda más ha crecido en Málaga.</strong></p>
<p class="parrafoespecial2"><strong>Disponemos en nuestra delegación de Málaga de 6 elevadores de muebles por fachada lo que nos permite realizar las mudanzas de forma mucho más segura y económicas.
  </strong></p>
  <p class="parrafoespecial3">
 <strong> La relación calidad precio que tenemos es inmejorable, por lo que podemos asegurar que en Málaga no hay ninguna empresa de mudanzas que haga las mudanzas con tanta calidad como mudanzas 2000 s.l pero con unos precios realmente muy económicos tanto en mudanzas como en guardamuebles.
 </strong> </p>
  <p>
  <strong>Para las mudanzas que necesiten guardamuebles disponemos en Málaga de unas instalaciones de 9.600 metros cuadrados. Seguramente seamos la empresa de mudanzas y guardamuebles que dispone del mejor guardamuebles en Málaga.
  </strong></p>
  <p>
 <strong> Todas las mudanzas que tenemos en el guardamuebles están aseguradas. Disponemos de toda una gama de contenedores individuales, donde los muebles quedan protegidos por completo de cualquier desperfecto, con las máximas medidas de seguridad que incluyen, por supuesto, sistemas contra incendios.
  </strong></p>
  <p>
  <strong>Realizamos el embalaje de todos los contenidos de su vivienda (vajilla, cristalería, adornos, cuadros, libros, ropa colgada, etc..) con los mejores materiales del mercado (armarios de ropa colgada, cajas especiales para vajillas, cristalerías...) que garantizan el mejor cuidado de sus bienes tanto para nuestra empresa de mudanzas como para el guardamuebles las calidades de todos los embalajes es la mejor del mercado.
  </strong></p>
  <p>
  <strong>
  Mudanzas Málaga, ofrecemos un servicio integral para el traslado de pequeñas y grandes oficinas, así como de centros oficiales. Así mismo, realizamos las mudanzas de los trabajadores por traslado laboral.
  </strong></p>
  <p>
  <strong>Este tipo de mudanza incluye el embalaje de documentación, ficheros y equipos informáticos en embalajes especiales.
  </strong></p>
  <p>
  <strong>Desmontamos y montamos todos los muebles (mesas, estanterías,..) con personal especializado propio.
  </strong></p>
  <p>
  <strong>También es posible realizar la mudanza de mobiliario y cajas, realizando los embalajes el cliente.
  </strong></p>
  <p>
  <strong>El trabajar tan bien y dar tanta calidad en todos nuestros servicios no es más caro, todos nuestros precios son muy baratos, no hay en Málaga ninguna empresa que tenga unos precios tan económicos como mudanzas 2000 s. l.</strong></p>
  <p class="parrafofinal" >MUDANZAS MALAGA - 951 00 00 00 </p>
</div>
</div>
</div>
</div>
</div> 
</div>
</body>
  #2 (permalink)  
Antiguo 29/07/2009, 12:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: mas problemillas con la maquetacion

quita la altura a #celdadentroderecha y que crezca en función del contenido
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 29/07/2009, 13:07
Avatar de ix0ye  
Fecha de Ingreso: julio-2009
Ubicación: queretaro
Mensajes: 41
Antigüedad: 8 años, 4 meses
Puntos: 1
Respuesta: mas problemillas con la maquetacion

hola rufus

soy muy novato en esto del desarrollo web, pero si es que entendi tu pregnta creo que con CSS puedes solucionar tu problemas de las negritas,
pues esta el "atributo" {font-weight:bold;} en CSS

espero te funcione
  #4 (permalink)  
Antiguo 29/07/2009, 15:17
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: mas problemillas con la maquetacion

oye gracias a los dos.....me habeis solucionado las dudas.....
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 06:35.