Foros del Web » Creando para Internet » CSS »

div pa no se ve completo Ayuuuda please!

Estas en el tema de div pa no se ve completo Ayuuuda please! en el foro de CSS en Foros del Web. Hola amigos de foros del web gracias por entrar al tema, soy un súper novato en todo esto del css, así que un día decidí ...
  #1 (permalink)  
Antiguo 11/05/2010, 13:38
Avatar de oseasoliva  
Fecha de Ingreso: marzo-2010
Ubicación: xela
Mensajes: 77
Antigüedad: 7 años, 9 meses
Puntos: 2
div pa no se ve completo Ayuuuda please!

Hola amigos de foros del web gracias por entrar al tema,
soy un súper novato en todo esto del css, así que un día decidí bajar una plantilla para construir una sitio sobre esta, la plantilla está muy buena ya que a esta se le puede agregar páginas y contenido por el dueño de la página mediante un panel de control que trae la plantilla y este panel se debe almacenar en el servidor y basta con modificar una página llamada "template" para las demás paginas que el dueño agregue luzcan igual, entonces quise modificar la plantilla con dreamweaver y logre cambiar el encabezado, un gráfico que traía al pie de la página, quite elementos que no me servían, agregue una imagen, etc. y la vista de diseño me quedo más o menos así:







pues el primer problema que se me presenta al momento de estar modificando la plantilla con el dreamweaver es que al querer agregar un menu en flash contenido dentro de un "div pa" que dibuje este no se ve completo, apenas puedo ver la mitad de una pestaña, y en la ventana de diseño se ve que la "div pa" tiene otra div

div pa" que dibuje:




div: que aparece dentro



y en la vista en el explorador se ve lo sigiuente


lo que esta en azul es donde deveria estar el resto del menu

es mas no sale donde yo la ubique:


vista en dream


vista en explorador

otra cosa que acabo de notar es que cuando le subo el zoom en el explorador todo se hace grande exepto el menu en si dejando ver un poco mas el menu:


vista en el explorador con zoom aumentado

e intentado cambiarle el tamaño al div que aparece dentro pero no se porque se me movio toda la pagina, como que se cambia el tamaño de los demas divs

aca les dejo el codigo de la div que dibuje con la del flash dentro

Código:
    #apDiv2 {
    position:absolute;
    left:1011px;
    top:47px;
    width:250px;
    height:360px;
    z-index:1;
}
Código:
<div id="apDiv2">

  
<!-- Flash Menu Labs – www.flashmenulabs.com -->
<div id="FlashMenuLabs">
        You need to upgrade your Flash Player or to allow javascript to enable Website menu.</br>
        <a href="http://www.adobe.com/go/getflashplayer">Get Flash Player</a>    </div>
    <script type="text/javascript">
    // <![CDATA[
        var so = new SWFObject("menu.swf", "menu", "250", "695", "8", "#000000");
        so.addVariable("page_code", "a_b_c");
        so.addParam("wmode", "transparent");
        so.addParam("scale", "noscale");
        so.addParam("salign", "TL");    
        so.write("FlashMenuLabs");
    // ]]>
    </script>
</div>
este codigo lo saque del programa en el que hice el menu y lo inserte denro del la la apdiv2 (lo que dibuje)

esta es la config del la apdiv que dibuje



y esta es la config de la div que aparece dentro



no se que estoy haciendo mal o tal vez no es la forma de insertar un div en este tipo de plantilla

por favor si alguien me pudiera dar un consejo se lo agradecería mucsisisimo
no solo yo sino todos los que tienen el mismo problema ya que eh estado buscando la respuesta pero solo encuentro mas preguntas de lo mismo sin resolver. gracias por leer el post
atte: oseasoliva
  #2 (permalink)  
Antiguo 11/05/2010, 21:18
Avatar de richicasas  
Fecha de Ingreso: abril-2007
Ubicación: Colombia
Mensajes: 692
Antigüedad: 10 años, 8 meses
Puntos: 13
De acuerdo Respuesta: div pa no se ve completo Ayuuuda please!

Cambia el codigo css por este haber que sucede:
Código PHP:
   #apDiv2 {
    
position:absolute;
    
left:1011px;
    
top:47px;
    
width:250px;
    
height:700px;
    
z-index:1;

De todas maneras veo que falta un codigo css para la etiqueta <div id="FlashMenuLabs">

Revisa haber y manda el codigo.
__________________
Juguetes Sexuales
  #3 (permalink)  
Antiguo 11/05/2010, 22:47
Avatar de oseasoliva  
Fecha de Ingreso: marzo-2010
Ubicación: xela
Mensajes: 77
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: div pa no se ve completo Ayuuuda please!

bueno no sucede nada

y olvide poner esa etiqueta
esta no me la dio el programa, sino que yo se la puse porque tambien me parecio que le hacia falta
le puse esto:

Código PHP:
#flashmenulab {
    
position:absolute;
    
left:168px;
    
top:289px;
    
width:289px;
    
height:247px;
    
z-index:2
lo unico que me dio el progama fue este codigo para ponerlo en la seccion head aunque creo que eso ya lo tenia

Código PHP:
    <title>Untitled</title>
    <
script type="text/javascript" src="swfobject.js"></script> 
  #4 (permalink)  
Antiguo 11/05/2010, 23:11
Avatar de richicasas  
Fecha de Ingreso: abril-2007
Ubicación: Colombia
Mensajes: 692
Antigüedad: 10 años, 8 meses
Puntos: 13
De acuerdo Respuesta: div pa no se ve completo Ayuuuda please!

Amplia el height al valor del height del flash, que creo es 690px.
__________________
Juguetes Sexuales
  #5 (permalink)  
Antiguo 12/05/2010, 00:22
Avatar de oseasoliva  
Fecha de Ingreso: marzo-2010
Ubicación: xela
Mensajes: 77
Antigüedad: 7 años, 9 meses
Puntos: 2
De acuerdo Respuesta: div pa no se ve completo Ayuuuda please!

ja ya logre que se vea todo el menu
no se como rayos se me ocurrio moverle el tamaño a otra etiqueta que se llama menu que ya venia con la plantilla y wala

Código PHP:
#menu {

    
clearboth;

    
height695px;




es un misterio saber porque esta etiqueta esta controlando al div flashmenulab

tambien logre controlar lo de la posicion, el problema era que el niño(osea yo) por error habia colocado las etiquetas en body y no en head >style
bueno ahora solo queda saber porque no se aumenta el tamaño del menu flash al momento de aumentarle el zoom en el explorador, si alguien me pudiera ayudar en eso seria de mucha ayda
  #6 (permalink)  
Antiguo 12/05/2010, 00:27
Avatar de richicasas  
Fecha de Ingreso: abril-2007
Ubicación: Colombia
Mensajes: 692
Antigüedad: 10 años, 8 meses
Puntos: 13
De acuerdo Respuesta: div pa no se ve completo Ayuuuda please!

Si la etiqueta MENU contenia todo el codigo anterior mostrado y dicha etiqueta marcaba un height inferior al necesario obviamente lo afectaba. Pero siquiera ya lo solucionaste.

Ahora con respecto al flash, el flash no te aumenta de tamaño o es la letra del menu ???, si el flash si aumenta de tamaño es lo normal. Si la letra no , es normal, porque todo el contenido es un embebido, tu puedes agrandar la capsula, mas no el contenido de la capsula.
__________________
Juguetes Sexuales
  #7 (permalink)  
Antiguo 12/05/2010, 00:29
Avatar de oseasoliva  
Fecha de Ingreso: marzo-2010
Ubicación: xela
Mensajes: 77
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: div pa no se ve completo Ayuuuda please!

pues cuando aumento el zoom toda la pagina se hace grande hasta la capa donde esta el flash tambien pero "todo"el flash se queda igual
y si alejo el zooom el flash se queda igual pero el div que lo contiene se cierra dejando ver solo una parte del flash asi:



bueno el todo el codigo de la pagina es un relajo no se si ponerlo, aaa que fregados, aqui va:



Código PHP:

<!--



Design by Free CSS Templates

http
://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License



Title      
The Missing Piece

Version    
1.0

Released   
20070828

Description
A fix-widthdark-themedWeb 2.0 design suitable for blogs and small websites.



-->

<
html xmlns="http://www.w3.org/1999/xhtml">

<
head>
    

        
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <
meta name="description" content="{%MetaDescription%}" />
    
    <
link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<
script type="text/javascript" src="swfobject.js"></script> 
    
<meta name="keywords" content="{%MetaKeywords%}" />

    <TITLE>{%MetaTitle%}</TITLE>

    <style>

    /*

Design by Free CSS Templates

http://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License

*/



* {

    margin: 0;

    padding: 0;

}



body {
    margin-top: 20px;
    background: #36393D url(images/img01.gif) repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #D1E9A3;
    background-color: #000000;
}



form {

}



input, textarea {

    font: normal 1em Arial, Helvetica, sans-serif;

    color: #36393D;

}



h1, h2, h3 {

    font-family: Georgia, "Times New Roman", Times, serif;

    font-weight: normal;

    color: #FFFFFF;

}



h1 {

    font-size: 3em;

}



h2 {

    font-size: 2em;

}



h3 {

    font: bold 1em Arial, Helvetica, sans-serif;

}



a {

    color: #FFFFFF;

}



a:hover {

    text-decoration: none;

}



/* Header */



#header {

    width: 980px;

    height: 166px;

    margin: 0 auto;

    background: #000000 url(images/bgfg.jpg)  no-repeat;

}



#logo {

    float: right;

    height: 170px;

    padding: 0 0 0 115px;

    background: none

    color: #36393D;

}



#logo h1 {

    padding: 20px 0 0 0;

}



#logo p {

}



#logo a {

    text-decoration: none;

    color: #000000;

}



#search {

    float: right;

    width: 200px;

    padding: 0 20px 0 0;

    background: url(images/img04.gif) no-repeat right top;

}



#search form {

    height: 25px;

    padding: 65px 0 0 25px;

    background: url(images/img05.gif) no-repeat 0 60px;

}



#search fieldset {

    border: none;

}



#search-text {

    width: 170px;

    background: #FFFFFF;

    border: none;

}



#search legend, #search-submit {

    display: none;

}



#menu {

    clear: both;
    width:250px;
    height: 695px;



}



#menu ul {

    height: 28px;

    padding: 166px 0 0 20px;

    background: url(images/img08.gif) no-repeat left bottom;

    list-style: none;

}



#menu li {

    display: inline;

}



#menu a {

    padding: 0 20px;

    background: url(images/img06.gif) no-repeat left center;

    text-decoration: none;

    font-weight: bold;

    color: #36393D;

}



#menu a:hover {

    text-decoration: underline;

}



#menu .current_page_item a {

    background: url(images/img07.gif) no-repeat left center;

    color: #B42600;

}



/* Page */



#page {

    width: 980px;

    margin: 0 auto;

    padding: 20px 0 0 0;

}



#back2top {

    height: 72px;

    background: url(images/img19.gif) no-repeat left bottom;

}



#back2top a {

    display: block;

    width: 40px;

    padding: 27px 0 0 25px;

    text-decoration: none;

    text-align: center;

}



#back2top a:hover {

    text-decoration: underline;

}



/* Content */



#content {

    float: left;

    width: 600px;

}



.post {
    padding: 20px 0;
    height: auto;
    width: auto;
    z-index: 1;
}



.post .title {

    font-size: 2.6em;

}



.post .title a {

    text-decoration: none;

}



.post .title a:hover {

    border-bottom: 1px dotted #000000;

}



.post .byline {

    margin-bottom: 2em;

}


    

    background: #CCE698 url(images/img14.gif) no-repeat;

    text-align: center;

    font-size: 11px;

    font-weight: bold;

    color: #BF3600;

}

.post .date {

    display: block;

    float: left;

    width: 69px;

    height: 64px;

    margin-top: 7px;

    background: #CCE698 url(images/img14.gif) no-repeat;

    text-align: center;

    font-size: 11px;

    font-weight: bold;

    color: #BF3600;

}



.post .date .month {

    display: block;

    height: 16px;

    padding: 1px 0 0 0;

    background: #BF3600 url(images/img14.gif) no-repeat;

    color: #FFFFFF;

}



.post .date .day {

    height: 47px;

    font: bold 36px Georgia, "Times New Roman", Times, serif;

}



.post .date .year {

    margin-top: -8px;

    display: block;

    text-indent: -9999px;

}



.post .entry {

    margin: 0 20px 0 0px;

}



.post .entry p, .post .entry ol, .post .entry ul {

    margin-bottom: 1.6em;

    line-height: 180%;

    list-style-position: inside;

}



.post .links {

    height: 22px;

    padding: 5px 0 0 10px;

    background: url(images/img15.gif) no-repeat;

}



.post .links a {

    text-decoration: none;

    font-weight: bold;

}



.post .links a:hover {

    text-decoration: underline;

}



.post .links .more {

    padding-left: 15px;

    background: url(images/img16.gif) no-repeat 0 5px;

}



.post .links .comments {

    padding-left: 15px;

    background: url(images/img17.gif) no-repeat 0 6px;

}



.post .links .rss {

    padding-left: 15px;

    background: url(images/img18.gif) no-repeat 1px 6px;

}



/* Sidebar */



#sidebar {

    float: right;

    width: 320px;

}



#sidebar ul {

    background: #D6EBAD url(images/img10.gif) repeat-y;

    list-style: none;

    color: #36393D;

}



#sidebar li {

    background: url(images/img12.gif) no-repeat left bottom;

}



#sidebar li ul {

    padding: 10px 20px 30px 20px;

    line-height: 200%;

    background: none;

}



#sidebar li li {

    padding: 0 0 0 10px;

    background: url(images/img13.gif) no-repeat left center;

}



#sidebar h2 {

    height: 42px;

    padding: 8px 0 0 10px;

    background: #BA3300 url(images/img11.gif) no-repeat;

    font-size: 1.6em;

}



#sidebar a {

    text-decoration: none;

    color: #BA3300;

}



#sidebar a:hover {

    text-decoration: underline;

}



/* Calendar */



#calendar {

}



#calendar_wrap {

    padding: 10px 20px 30px 20px;

}



#calendar table {

    width: 200px;

    border-collapse: collapse;

    text-align: center;

}



#calendar caption {

    padding: 2px 0;

    font-weight: bold;

    color: #BA3300;

}



#calendar thead th {

    padding: 2px 0;

    border-top: 2px solid #BFD19A;

    border-bottom: 2px solid #BFD19A;

}



#calendar tbody td {

    padding: 4px 0;

}



#calendar tfoot td {

    padding: 2px 0;

    border-top: 2px solid #BFD19A;

    font-weight: bold;

}



#prev {

    text-align: left;

}



#next {

    text-align: right;

}



#today {

    background: #BFD19A;

    font-weight: bold;

}



/* Footer */



#footer {
    clear: left;
    padding: 50px 0;
    background: #000000 url(images/img20.gif) repeat-x;
    font-size: 11px;
    color: #666666;
}



#footer p {

    text-align: center;

    line-height: 2em;

}

   #mio {
    position:absolute;
    left:1px;
    top:211px;
    width:250px;
    height:695px;
    z-index:2;


#flashmenulab {
    position:absolute;
    left:168px;
    top:289px;
    width:250px;
    height:695px;
    z-index:1;
}

#footer a {

    color: #666666;

}

    #apDiv1 {
    position:absolute;
    left:277px;
    top:283px;
    width:340px;
    height:806px;
    z-index:1000;
}

         
</head>

<body>





    </style>

    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<!-- start header -->



<div id="mio">

  
<!-- Flash Menu Labs – www.flashmenulabs.com -->
<div id="FlashMenuLabs">
        You need to upgrade your Flash Player or to allow javascript to enable Website menu.</br>
        <a href="http://www.adobe.com/go/getflashplayer">Get Flash Player</a>    </div>
    <script type="text/javascript">
    // <![CDATA[
        var so = new SWFObject("menu.swf", "menu", "250", "695", "8", "#000000");
        so.addVariable("page_code", "a_b_c");
        so.addParam("wmode", "transparent");
        so.addParam("scale", "noscale");
        so.addParam("salign", "TL");    
        so.write("FlashMenuLabs");
    // ]]>
    </script>
</div>
    
<div id="header"></div>

<!-- end header -->

<!-- start page -->

<div id="page">

    <!-- start content -->

    <div id="content">

        <div class="post">

            <h2 class="title">{%name%}</h2>

            <div class="entry">
  
              <p>{%content%}</p>

            </div>

        </div>

    </div>

    <!-- end content -->

    <!-- start sidebar -->

    <div id="sidebar">

        <ul>

            <li id="calendar">

                <h2>News</h2>

                <div id="calendar_wrap">

                {%news%}

                </div>

            </li>

      </ul>

  </div>

    <!-- end sidebar -->

</div>

<!-- end page -->

<!-- start footer -->

<div id="footer"></div>
<!-- end footer -->
</body>
</html> 

Última edición por oseasoliva; 12/05/2010 a las 00:38
  #8 (permalink)  
Antiguo 12/05/2010, 00:33
Avatar de richicasas  
Fecha de Ingreso: abril-2007
Ubicación: Colombia
Mensajes: 692
Antigüedad: 10 años, 8 meses
Puntos: 13
De acuerdo Respuesta: div pa no se ve completo Ayuuuda please!

Prueba cambiando esto:
Código PHP:
        You need to upgrade your Flash Player or to allow javascript to enable Website menu.</br>
        <
a href="http://www.adobe.com/go/getflashplayer">Get Flash Player</a>    </div>
    <
script type="text/javascript">
    
// <![CDATA[
        
var so = new SWFObject("menu.swf""menu""250""695""8""#000000");
        
so.addVariable("page_code""a_b_c");
        
so.addParam("wmode""transparent");
        
so.addParam("scale""noscale");
        
so.addParam("salign""TL");    
        
so.write("FlashMenuLabs");
    
// ]]>
    
</script> 
Por esto:
Código PHP:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="250" height="695">
  <
param name="movie" value="menu.swf" />
  <
param name="quality" value="high" />
  <
embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="32" height="32"></embed>
</
object
__________________
Juguetes Sexuales
  #9 (permalink)  
Antiguo 12/05/2010, 00:39
Avatar de oseasoliva  
Fecha de Ingreso: marzo-2010
Ubicación: xela
Mensajes: 77
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: div pa no se ve completo Ayuuuda please!

lo intentare, gracias
  #10 (permalink)  
Antiguo 12/05/2010, 00:49
Avatar de oseasoliva  
Fecha de Ingreso: marzo-2010
Ubicación: xela
Mensajes: 77
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: div pa no se ve completo Ayuuuda please!

ya lo intente y si, ahora si va de acuerdo al zoom, cuando lo aserco si lo aserca lo mismo cuando lo alejo, pero el problemita ahora es que salio chiquititito, y otros elementos se salieron de su lugar,
el menu me esta tirando un mensajito que dice
Please increase stage height (General Properties -> Stage Height)
Please increase stage width (General Properties -> Stage Width
  #11 (permalink)  
Antiguo 12/05/2010, 01:27
Avatar de oseasoliva  
Fecha de Ingreso: marzo-2010
Ubicación: xela
Mensajes: 77
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: div pa no se ve completo Ayuuuda please!

ya arregle el tamaño el error en el codigo que me diste estaba aqui:

Código PHP:
e="application/x-shockwave-flash" width="32" height="32"></embed
32 X 32
ahora solo queda los otros elementos estoy trabajando en eso
  #12 (permalink)  
Antiguo 12/05/2010, 20:40
Avatar de oseasoliva  
Fecha de Ingreso: marzo-2010
Ubicación: xela
Mensajes: 77
Antigüedad: 7 años, 9 meses
Puntos: 2
Respuesta: div pa no se ve completo Ayuuuda please!

ahora cuando abro el deram weaver y abro mi pagina alli me esta tirando una advertencia


Etiquetas: completo, scc, etiquetas
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 11:06.