- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problema CSS con Internet Explorer 6
-
Problema CSS con Internet Explorer 6
Salve,
con un sito a cui sto lavorando di recente mi si viene a presentare il seguente problema solo e soltanto su IE6, con tutto il resto non riscontro nessuna anomalia visiva.
Come potete vedere dalla foto al link precedente il BOX di LOGIN su IE6 si espande misteriosamente e non stando più nelle dimensioni dell'header va di sotto.
Attaco qua il mio codice HTML:
<div id="header"> <div id="logo"><a href="/"><img src="<?php bloginfo('template_directory'); ?>/i/logo.png" alt="" height="90" width="250"></a></div> <div id="banner468"><img src="<?php bloginfo('template_directory'); ?>/i/banner_468x60.jpg" width="468" height="80" /></div> <div id="top-login-form"> <table cellspacing="0" cellpadding="3"> <?php global $user_ID, $user_identity; get_currentuserinfo(); if (!$user_ID): ?> <form action="<?php echo get_settings('siteurl'); ?>/wp-login.php" method="post"> <tr> <td id=top-login-form-1><b>username</b></td> <td id=top-login-form-2><input type="text" name="log" id="top-login-right-2"></td> </tr> <tr> <td id=top-login-form-1><b>password</b></td> <td id=top-login-form-2><input type="password" name="pwd" id="top-login-right-2"></td> </tr> <tr> <td id=top-login-form-1><a href="" rel="nofollow">ricordami password</a></td> <td id=top-login-form-3><input type="submit" name="submit" id="button" value="accedi"><input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>"/></td> </tr> </form> <?php else: ?> <tr> <td id=top-login-form-1><?php echo get_avatar( $user_ID, $size = '60', $default = '<path_to_url>' ); ?></td> <td id=top-login-form-2><?php echo $user_identity; ?><br /><a href="/wp-admin/profile.php">Modifica il tuo profilo</a></td> </tr> <tr> <td id=top-login-form-1>Esci dal sito</td> </tr> <?php endif; ?> </table> </div> <div class="clear"></div> <ul class="menu red"> <!-- CSS Tabs --> </ul> </div> <!-- end header --> ```Qui invece c'è il CSS:
/************************************************
- Header *
************************************************/
#logo {
float: left;
width: 250px;
}
#banner468 {
float: left;
margin: 0 0 0px 0;
}#top-login-form { float: right; height: 90px; width: 232px; background-color: #000000; }
-1 { font-size: 11px; color: #fff; padding-left: 10px; padding-right: 10px; }
-1 A { color:; }
-2 { padding-right: 10px; }
-3 { padding-right: 10px; text-align: right; padding-top: 5px; }
-3 A { font-size: 11px; color:; }Enrico
- Header *
-
Prova a mettere float left anche al div che contiene la form, teoricamente te lo accosta alla destra del banner... se poi lo vuoi spaziare gli associ un margin-left e il gioco è fatto!