altezza div non rispettata...in IE

**tretretre** · 22-09-2006, 17:48

Salve a tutti,
Ho incluso in Home la pagina di login dentro un div.
tramite css ho impostato l'altezza a 25px.
e con il float l'ho allineato a destra.
Sotto a questo div ce ne ho messo un altro con un altro include dentro.

Apro FF e tutto ok, apro IE e mi dà un'altezza del primo div quasi raddoppiata.
perchè?

inoltre i 2 div mi si sovrapponngono

css:

codice:

/* CSS Document */

body {background:url(Immagini/Sfondo-Home.jpg) repeat-x;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
.normale{
font-size:12px

}
div#csi{
align:center;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
width: 90%;
height:95%;
background-color:#FFFFFF
}

div#login{ background-color:transparent;
text-align:right;
}

div#home_include_login{
font-size:9px;
background-color:#B9C6DD;
width:481px;
height:25px;
text-align:right;
float:right;
z-index:1;
position: absolute;
}

pagina:

codice:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Benvenuti </title>
<link href="CssDb.css" rel="stylesheet" type="text/css" />
(bookmarkurl,bookmarktitle)
}
</script>




<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body><div>
<div id="home_include_login">

</div>
</div>


</p>
<div  align="center">
  
</div><div align="center">

grazie in anticipo

**tretretre** · 23-09-2006, 13:55

up

**LA VALE** · 23-09-2006, 17:16

Innanzitutto:

<div align="center">

è scorrettissimo!

Poi nella tua pagina html, ci sono dei div che non hanno abbinato nè una classe nè un id!
Così è sicuro che non ti funziona....

**tretretre** · 23-09-2006, 20:49

si hai ragione, quella era solo una prova dopo aver messo il float.
poi mi sono dimenticato di toglierlo
ma se ti dicessi che continia a farlo anche dopo aver tolto tutto questo? compresi i div senza class e id...

**tretretre** · 24-09-2006, 16:55

scusate ma ora proprio smatto, come cavolo si fa a mettere un malefico div allineato al centro?
con il float esiste solo destra sinistra
center non lo considera minimaente
align è sbagliatissimo, allora come faccio a metterlo al centro?
aiutatemi ve ne prego!!!!!!!!!!

**Pennywise83** · 24-09-2006, 18:04

puoi usare "margin: 0 auto;" solo che da IE non viene interpretato
Se non sbaglio per IE si può usare "text-align: center" solo che dopo ti allinea al centro anche i contenuti testuali. Dovresti quindi ridefinire "text-align: left;" per gli elementi interni al box...

Lo so, scrivere CSS è frustrante, perchè con firefox ti visualizza tutto correttamente al millimetro (anzi, al singolo pixel), IE invece segue una logica tutta sua...

Discussione: altezza div non rispettata...in IE

Strumenti discussione

Ricerca discussione

Visualizza

altezza div non rispettata...in IE

Permessi di invio