Volver al Foro de Diseño de páginas Web

Página de contenido y superpone menú en Safari

  • uhdq783
  • Born
  • Born
  • No Avatar
  • Registrado: Feb 05, 2013
  • Mensajes: 2
  • Status: Offline

Nota Febrero 5th, 2013, 9:38 am

Contenido superpone el menú en la parte superior de página en Safari. Se ve bien en Firefox final IE8. Página es karea punto no. ¿Cómo puedo corregirlo?
Plantilla Joomla 38687 en Joomla 2.5.1

Gracias
Slavomir
Attachments:
karea.jpg
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Febrero 5th, 2013, 9:38 am

  • ScottG
  • Proficient
  • Proficient
  • No Avatar
  • Registrado: Jul 06, 2010
  • Mensajes: 260
  • Status: Offline

Nota Febrero 5th, 2013, 11:38 am

No puedo estar seguro pero hay algo raro pasa Im no está seguro de lo que en el inspector de que tengo para Firefox parece ser cuestión de posicionamiento.

Ver la imagen y observe los cuadros delimitadores. demuestra que hay algunos posicionamiento problemas pasando en tu css porque en el código html, el menú no es en el div del contenido. Hice un ejemplo de html acortar código abajo
HTML Código: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nb-no" lang="nb-no" >
<head>
<title>Hjem</title>
</head>
<body  class="cssstyle-style1 menu-type-fusionmenu col12" id="all">
<div id="rt-iewarn">
    <div class="rt-container">
        <div class="clear"></div>
    </div>
</div>
 
<div class="container homepage">    
   
    <!-- Your Menu sits right here in this block -->            
   
    <div class="header-content">            
        <div class="header-inner">
            <div id="rt-top" >
                <div class="rt-container">
                    <div class="rt-grid-9 rt-alpha">
                        <div class="rt-block">
                            <a href="/" id="rt-logo"></a>
                        </div>
                    </div>
                    <div class="rt-grid-3 rt-omega">
                        <div class="rt-block">
                            <div class="custom">
                                <p><a class="logginn" href="/index.php/samfunn/logg-inn">Logg inn</a></p>
                            </div>
                        </div>
                        <div class="rt-block">
                            <form action="/index.php" method="post">
                            <div class="mod_search ">
                                {FORM}
                            </div>
                            </form>
                        </div>      
                    </div>
                    <div class="clear"></div>
                </div>
            </div>                        
            <div id="rt-header">
                <div class="rt-container">
                    <div class="rt-grid-12 rt-alpha rt-omega">
                        <div class="rt-fusionmenu">
                            <div class="nopill">
                                <div class="rt-menubar">
                                    <ul class="menutop level1">
                                        {MENU ITEMS}
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>                
    </div>
    <div id="rt-showcase">
        <div class="rt-container homepage">
            <div class="rt-grid-8 rt-alpha">
                <div class="rt-block">
                    <div style="clear: both;"></div>
                    <div id="mod_btslideshow_272" class="box_skitter mod_btslideshow" style="width:620px; height:400px;margin:0 auto;">
                        {SLIDE SHOW}
                    </div>
                    <div style="clear: both;"></div>
                </div>
            </div>
            <div class="rt-grid-4 rt-omega">
                <div class="rt-block">
                    <div id="k2ModuleBox248" class="k2ItemsBlock">
                          {NEWS BLOCK}
                    </div>
                </div>    
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
</body>
</html>
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nb-no" lang="nb-no" >
  3. <head>
  4. <title>Hjem</title>
  5. </head>
  6. <body  class="cssstyle-style1 menu-type-fusionmenu col12" id="all">
  7. <div id="rt-iewarn">
  8.     <div class="rt-container">
  9.         <div class="clear"></div>
  10.     </div>
  11. </div>
  12.  
  13. <div class="container homepage">    
  14.    
  15.     <!-- Your Menu sits right here in this block -->            
  16.    
  17.     <div class="header-content">            
  18.         <div class="header-inner">
  19.             <div id="rt-top" >
  20.                 <div class="rt-container">
  21.                     <div class="rt-grid-9 rt-alpha">
  22.                         <div class="rt-block">
  23.                             <a href="/" id="rt-logo"></a>
  24.                         </div>
  25.                     </div>
  26.                     <div class="rt-grid-3 rt-omega">
  27.                         <div class="rt-block">
  28.                             <div class="custom">
  29.                                 <p><a class="logginn" href="/index.php/samfunn/logg-inn">Logg inn</a></p>
  30.                             </div>
  31.                         </div>
  32.                         <div class="rt-block">
  33.                             <form action="/index.php" method="post">
  34.                             <div class="mod_search ">
  35.                                 {FORM}
  36.                             </div>
  37.                             </form>
  38.                         </div>      
  39.                     </div>
  40.                     <div class="clear"></div>
  41.                 </div>
  42.             </div>                        
  43.             <div id="rt-header">
  44.                 <div class="rt-container">
  45.                     <div class="rt-grid-12 rt-alpha rt-omega">
  46.                         <div class="rt-fusionmenu">
  47.                             <div class="nopill">
  48.                                 <div class="rt-menubar">
  49.                                     <ul class="menutop level1">
  50.                                         {MENU ITEMS}
  51.                                     </ul>
  52.                                 </div>
  53.                             </div>
  54.                         </div>
  55.                     </div>
  56.                     <div class="clear"></div>
  57.                 </div>
  58.             </div>
  59.         </div>                
  60.     </div>
  61.     <div id="rt-showcase">
  62.         <div class="rt-container homepage">
  63.             <div class="rt-grid-8 rt-alpha">
  64.                 <div class="rt-block">
  65.                     <div style="clear: both;"></div>
  66.                     <div id="mod_btslideshow_272" class="box_skitter mod_btslideshow" style="width:620px; height:400px;margin:0 auto;">
  67.                         {SLIDE SHOW}
  68.                     </div>
  69.                     <div style="clear: both;"></div>
  70.                 </div>
  71.             </div>
  72.             <div class="rt-grid-4 rt-omega">
  73.                 <div class="rt-block">
  74.                     <div id="k2ModuleBox248" class="k2ItemsBlock">
  75.                           {NEWS BLOCK}
  76.                     </div>
  77.                 </div>    
  78.             </div>
  79.             <div class="clear"></div>
  80.         </div>
  81.     </div>
  82. </div>
  83. </body>
  84. </html>
  85.  

A pesar de que el encabezado-contenido div incluye el div del menú no tiene la altura en el div del menú en informe de safari it el div que 138px. cuando la zona azul trata de 180px mediante cultivo de photoshop. En safari pude forzar una solución obligando a la altura de la encabezado-contenido div cambiando esto &lt; div class = "cabecera-content" &gt; a &lt; div class = "contenido encabezado" style = "altura: 180px;" &gt; . se puede jugar con la variable de altura

Su una temperatura fijar hasta que la solución correcta puede demostrar para arriba.
Attachments:
inspect.jpg
  • uhdq783
  • Born
  • Born
  • No Avatar
  • Registrado: Feb 05, 2013
  • Mensajes: 2
  • Status: Offline

Nota Febrero 5th, 2013, 11:54 am

Hola
Muchas gracias. Pónganla en css y funcionó:
/ * === Inicio posiciones === * /

.header-contenido {}
fondo: url (../ images/template/header.jpg) repetición superior del centro; altura: 180px;
}
{.header-interno
fondo: url (../ images/template/header-shadow.jpg) no centro superior-repeat;
altura: 138px;
}

Slavomir
  • ScottG
  • Proficient
  • Proficient
  • No Avatar
  • Registrado: Jul 06, 2010
  • Mensajes: 260
  • Status: Offline

Nota Febrero 5th, 2013, 12:08 pm

su bienvenida

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 4 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 91 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC