Zaloguj | Zarejestruj | FAQ
Anonymous

Divisiones

+ Odpowiedz

Posty: 3 Strona 1 z 1


Divisiones

przez elcasta » Pn kwi 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 użytkownika

elcasta

  • Posty: 1
  • Dołączył(a): Pn kwi 29, 2013 2:14 pm

Re: Divisiones

przez XainPro » Śr maja 01, 2013 10:23 am

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

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

Re: Divisiones

przez BugsBunny » Pt maja 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 użytkownika

BugsBunny

  • Posty: 22
  • Dołączył(a): So lis 10, 2012 6:25 am


+ Odpowiedz

Strona 1 z 1