DIVs se Sobreponen
Publicado por Kevin (1 intervención) el 17/12/2013 16:08:03
Estimados, tengo una pagina en HTML, y necesito 4 div, el problema es que se Sobreponen cuando achico la ventana, con la ventana maximizada no hay ningún problema. Me gustaría que cuando se achique la ventana se ordenaran los div uno sobre otro.
aquí esta el código:
Tampoco quiero usar una plantilla CSS, por eso uso el Style en cada etiqueta....
Espero me puedan ayudar, Saludos!
aquí esta el código:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<body>
<div style="position: relative; height:150px">
<p align=right><img src="http://busvanchile.cl/img/Traslado%20de%20Personal%20TIPO%202.png" width="300" height="150" align="left" />Traslado de Personal</p>
<p align=right>asdasdasdasdasdasdasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</p>
<p align=right>asssdasdasdasdasdasdasdasdsadsadsadsadsadsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p align=right>asddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
</div>
<hr>
<div style="position: relative; height:150px; margin:60px 0px">
<p><img src="http://busvanchile.cl/img/Giras%20de%20Estudio%20TIPO%202.png" width="300" height="150" align="right" />Giras de Estudio</p>
<p>asdasdasdasdasdasdasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</p>
<p>asssdasdasdasdasdasdasdasdsadsadsadsadsadsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>asddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
</div>
<hr>
<div style="position: relative; margin:60px 0px">
<p align=right ><img src="http://busvanchile.cl/img/Viajes%20dentro%20de%20Chile%20TIPO%202.png" width="300" height="150" align="left" />Viajes dentro de Chile</p>
<p align=right>asdasdasdasdasdasdasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</p>
<p align=right>asssdasdasdasdasdasdasdasdsadsadsadsadsadsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p align=right>asddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
</div>
<hr>
<div style="position: relative; margin:60px 0px">
<p><img src="http://busvanchile.cl/img/Viajes%20Especiales%20TIPO%202.png" width="300" height="150" align="right" />Viajes Especiales</p>
<p>asdasdasdasdasdasdasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</p>
<p>asssdasdasdasdasdasdasdasdsadsadsadsadsadsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
<p>asddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
</div>
</body>
Tampoco quiero usar una plantilla CSS, por eso uso el Style en cada etiqueta....
Espero me puedan ayudar, Saludos!
Valora esta pregunta
0