problema con cajas div

newmesis · 03/10/2010, 21:49

Hola soy nuevo en este foro saludos a sus integrantes .. bueno mi problema es el siguiente estoy aprendiendo a manejar lenguajes de web html,css,php
estoy trabajando con plantillas wordpress y puse una imajen dentro de una caja div la cosa es que la pagina al achicar el navegador ya sea chrome o mozilla la pagina entera se adapta al tamaño de la ventana
pero menos la imajen que puse , esa se se queda en el mismo lugar no se adapta como la demas pagina aki les pongo una imajen de lo que les trato de explicar

pantalla completa

http://img812.imageshack.us/img812/7496/screen1z.png

pantalla chica

http://img412.imageshack.us/img412/73/screen2hp.png

es donde sale la imajen abajito de la persona dise empire lion

espero que puedan ayudarme antemano gracias

jomaruro · 04/10/2010, 14:40

Hola:

Lo de poner las imágenes está muy bien para saber lo que pasa, lo que nos falta el que nos pongas el código para hacernos una idea de porqué ocurre.

Saludos.

newmesis · 04/10/2010, 21:37

bueno aki estan los codigos
este es la cabecera

Código PHP:

Ver original<?php 
    global $shortname, $category_menu, $exclude_pages, $exclude_cats, $hide, $strdepth, $strdepth2, $page_menu; ?>
<!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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php elegant_titles(); ?></title>
<?php elegant_description(); ?>
<?php elegant_keywords(); ?>
<?php elegant_canonical(); ?>
 
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
 
<!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie7style.css" />
    <![endif]-->
    <!--[if IE 8]>
        <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie8style.css" />
    <![endif]-->
    <!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie6style.css" />
    <script src="<?php bloginfo('stylesheet_directory'); ?>/js/DD_belatedPNG_0.0.8a-min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">DD_belatedPNG.fix('div#top, img#logo, img.logo_line, div#left_arrow a img, div#right_arrow a img, span a.readmore, #f_menu div.featitem,  #f_menu div.active, ul.sf-menu li.backLava');</script>
<![endif]-->
 
<script type="text/javascript">
    document.documentElement.className = 'js';
</script>
 
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
 
</head>
 
<body <?php body_class(); ?>>
 
 
 
            
<div id="top">
    
 
        <div id="header"><img border="0" src="http://img808.imageshack.us/img808/151/finaly.jpg"> 
 
            <!-- Start Logo -->
            
            <!-- End Logo -->
 
            
 
            <!-- Start Searchbox -->
 
            <div id="searchico">
                
                <form method="get" id="searchbox" action="<?php bloginfo('url'); ?>/">
                    <input type="text" value="<?php _e('search this site...','Polished'); ?>" name="s" id="s" />
                </form>
            </div>
            <!-- End Searchbox -->
        
            <!-- Start Menu -->
            <ul class="sf-menu">
                <?php if (get_option('polished_home_link') == 'on') { ?>
                    <li <?php if (is_front_page()) echo('class="current_page_item"') ?>><a href="<?php bloginfo('url'); ?>"><?php _e('<b>Home</b>','Polished'); ?></a></li>
                <?php }; ?>
 
            
            <a href="http://leonman.site90.com/?page_id=76 "><b>Biografía</b></a>
            <a href="http://leonman.site90.com/?page_id=63"><b>Galerías</b></a>
            <a href="http://leonman.site90.com/?page_id=66"><b>Videos</b></a>
            <a href="http://leonman.site90.com/?cat=11"><b>Discografía</b></a>
            <a href="http://leonman.site90.com/?page_id=78"><b>MP3 Sueltos</b></a>
            </ul>
 
            
            <!-- End Menu -->   
 
            <?php if (get_option('polished_featured') == 'on' && is_front_page()) include(TEMPLATEPATH . '/includes/featured.php'); ?>
 
<div id="empresa"> <p class="empresa2"><a href="http://www.empirelionenterprise.com" target="_blank"</a></p></div></a>
    </div>
        </div>
        <!-- End Header -->
        <div style="clear: both;"></div>
 
 
 
     
    <!-- End Top -->

newmesis · 04/10/2010, 21:39

y este es el css

Código CSS:

Ver original#empresa 
{
width: 200px;
height: 150px;
 
position:absolute;
z-index: 500; 
top: 189px; left: 797px;  
 
}  
 
empresa2 { 
    display:block; 
    width:200px; 
    height:150px; 
    text-indent:-9999px; 
} 
.empresa2 a { 
    display:block; 
    width:200px; 
    height:150px; 
    background:transparent url(http://img801.imageshack.us/img801/4112/empresa2.png) no-repeat top left; 
    outline:none; 
} 
.empresa2 a:hover { 
    background-position:0 -150px; 
}

metacortex · 05/10/2010, 01:24

Código HTML:

Ver original<div id="empresa"> <p class="empresa2"><a href="http://www.empirelionenterprise.com" target="_blank"</a></p></div></a>

La última </a> está sobrando.

newmesis · 05/10/2010, 12:54

ok ...
pero sigo teniendo el problemacon la caja div la idea es que se ajusten al igual que mi header o toda mi pagina