Author Topic: Xq que este div se ve asi ?  (Read 4491 times)

agustinCarBan

  • Full Member
  • ***
  • Posts: 211
  • Karma: 0
    • View Profile
Xq que este div se ve asi ?
« on: Julio 21, 2010, 12:43:19 am »
Hola amigos... Querria preguntarles xq mi div con border punteado se ve asi ?. Xq la pagina esta en el final pero sin embargo es como si siquiera!, mientras que lo que yo quiero es que se vea el borde de abajo del div... Espero jhaberme hecho entender lo suficiente... Si necesitan el codigo lo posteo gracias

chuidiang

  • Administrator
  • Hero Member
  • *****
  • Posts: 5466
  • Karma: 12
    • View Profile
    • Apuntes de programación
Re: Xq que este div se ve asi ?
« Reply #1 on: Julio 21, 2010, 12:58:20 am »
Ponle también un margen inferior, para que quede un hueco entre el borde inferior y el final de la página.

Se bueno.

agustinCarBan

  • Full Member
  • ***
  • Posts: 211
  • Karma: 0
    • View Profile
Re: Xq que este div se ve asi ?
« Reply #2 on: Julio 21, 2010, 05:54:10 am »
A todo le estoy poniendo un margin y ni bolilla me da...
Aca esta el codigo...
Code: [Select]
<html>

<head>
    <style type="text/css">
    body
    {
      position: absolute;
    }


    .contenedor
    {
      position: relative;
      top: 20px;
      left:300px;
      width: 800px;
      padding: 10px;
      margin-bottom: 20px;
    }

    .colPrimera
    {
      position: absolute;
      top:0;
      left:0;
      width: 200px;
      border: #000000 3px dotted;
      margin: 10px;
    }

    .colSegunda
    {
      position: absolute;
      top:0;
      right:0;
      width: 220px;
      border: #000000 3px dotted;
      margin: 10px;
    }

    .colCentro
    {
      width: 335px;
      left:210px;
      position: absolute;
      top:0px;
      margin-top:10px;
      margin-right:10px;
      margin-left:10px;
      margin-bottom: 50px;
      border: #000000 5px dotted;
    }

    .fotoPrincipal
    {
      position: relative;
      top:20px;
      left:290px;
      border: #990033 double 5px;
      padding: 5px;
    }

    #form1
    {
      text-align: center;
      margin: 5px;
      border: #000000 3px thin;
    }

    .fotoSecundariaPrimeraColumna
    {
      height: 50px;
      width: 40px;
      text-align: justify;
      position: relative;
      left:80px;
    }

    #fotoNews
    {
      width: 60px;
      height:60px;
      float: left;
    }

    .noticias
    {
      padding: 3px;
      margin: 20px;
    }


    </style>
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
</head>

<body>
<?php



?>

    <IMG class="fotoPrincipal" SRC="imagenes/CCA.gif" />
    <div class="contenedor">
        <div class="colPrimera">
            <form action="" id="form1">
                <input type="textbox" id="busqueda">
                <input type="submit" value="Enviar">
            </form>
            <a href="imagenes/webk1.jpg" rel="lightbox" title="Ministerio Kerigma"><IMG SRC="imagenes/webk1.jpg" class="fotoSecundariaPrimeraColumna" /></a>

        </div>

        <div class="colCentro">
            <div class="noticias">
                <div id="news">
                    <IMG SRC="imagenes/YO.JPG" id="fotoNews"/>
                    <p>Hola como estan quisiera saber que pasa ahora&nbsp;? Xq acabo de poner un nuevo style y viste como es ! algunas veces se retova mal !&nbsp;:D Espero que anda bien... Me llamo Agustin Ernesto cardeilhac banus !</p>
                </div>
                <div id="news">
                    <IMG SRC="imagenes/YO.JPG" id="fotoNews"/>
                    <p>Hola como estan quisiera saber que pasa ahora&nbsp;? Xq acabo de poner un nuevo style y viste como es ! algunas veces se retova mal !&nbsp;:D Espero que anda bien... Me llamo Agustin Ernesto cardeilhac banus ! </p>
                </div>
                <div id="news">
                    <IMG SRC="imagenes/YO.JPG" id="fotoNews"/>
                    <p>Hola como estan quisiera saber que pasa ahora&nbsp;? Xq acabo de poner un nuevo style y viste como es ! algunas veces se retova mal !&nbsp;:D Espero que anda bien... Me llamo Agustin Ernesto cardeilhac banus ! </p>
                </div>

            </div>
        </div>

        <div class="colSegunda">
        </div>
    </div>
</body>
</html>

agustinCarBan

  • Full Member
  • ***
  • Posts: 211
  • Karma: 0
    • View Profile
Re: Xq que este div se ve asi ?
« Reply #3 on: Julio 21, 2010, 07:08:04 am »
chui... Como estas ?. Solucione el tema... Viste el div ".colCentro" ???. Le puse esto =>
overflow:auto;
Te dejo xq tengo que escribir un mail importante...
Salu2

 

ey