Identificarse | Registrarse | FAQ
Anonymous

Divisiones

+ Publicar una respuesta

3 mensajes Página 1 de 1


Divisiones

por elcasta » Lun Abr 29, 2013 2:33 pm

Hola y gracias por atender mi pregunta.
Recientemente me he incorporado a este tema de la web y estoy haciendo mis pinillos con los contenedores.

Mi problema son 2.
El primero que lo que he programado si lo veo IE se ve diferente al resto y por supuesto mal, los contenedores deberian estar unos pegados al otro.
El segundo problema es el texto que me hace una linea recta saliendose del contenedor.

Expongo:
<html>

<head>

<title>Plantilla de estilos</title>

<style type="text/css">

html{overflow: auto; }

div#cabecera {
width: 99.5%;
height: 10%;
background-color:Peru;
border-bottom: black 1px solid;
}
div#columna_izquierda {
float: left;
width: 15%;
height: 80%;
background-color:Seashell;
}

div#columna_derecha {
float: left;
width: 84.5%;
height: 80%;
background-color:white;
}

div#pie {
clear: both;
width: 99.5%;
height: 10%;
background-color:Peru;
border-top: black 1px solid;
}

body{ background-color:white;
font-family: 'Lucida Sans Unicode', sans-serif;
font-size: 14px;
text-align: justify;
margin: 10px;
}

h1{ color: white;
font-style: oblique;
text-decoration:underline;
capitalize: small-caps;
padding: 15px; }

h2{ font-family: monoscape;
padding: 5px; }



</style>

</head>

<body>

<div id="cabecera">
<h1>Plantilla de estilos.</h1>
</div>

<div id="columna_izquierda">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Apartado 1</a></li>
<li><a href="#">Apartado 2</a></li>
<li><a href="#">Apartado 3</a></li>
<li><a href="#">Apartado 4</a></li>
<li><a href="#">Apartado 5</a></li>
<li><a href="#">Apartado 6</a></li>
<li><a href="#">Apartado 7</a></li>
<li><a href="#">Apartado 8</a></li>
<li><a href="#">Apartado 9</a></li>
</ul>
</div>

<div id="columna_derecha">

<h2>Presentación.</h2>
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
</div>
<div id="pie">
<p>contacto</p>
</div>

</body>

</html>
Avatar de Usuario

elcasta

  • Mensajes: 1
  • Registrado: Lun Abr 29, 2013 2:14 pm

Re: Divisiones

por XainPro » Mié May 01, 2013 10:23 am

usted necesita aprender cómo diseñar con CSS de aquí
http://es.learnlayout.com/toc.html
Avatar de Usuario

XainPro

  • Mensajes: 3933
  • Registrado: Vie Feb 17, 2012 8:10 pm

Re: Divisiones

por BugsBunny » Vie May 03, 2013 10:41 pm

saludos elcasta

respecto a tu 2 problema las letras "a" se salen del contenedor porque no pones blancos, pones todas las "a" seguidas, solo haz esto "aaaa aaaaaa aaaaa aaaaa aaaaa aaaaaaa aaa a aaaaa aaaaaa aaaaaa..." y vuala.

el 1 problema es de todos, yo te aconsejo que vayas desarrollando y viendolo en diferentes navegadores.

espero te haya servido.

hasta luego.
Avatar de Usuario

BugsBunny

  • Mensajes: 22
  • Registrado: Sab Nov 10, 2012 6:25 am


+ Publicar una respuesta

Página 1 de 1