internet explorer input text e float

**ledfloyd** · 14-12-2006, 20:17

ciao,
ho scritto una pagina xhtml che con firefox è visualizzata perfettamente con internet explorer invece ci sono dei problemi.
allora...ho diversi div con attribuo float: left;, in uno di questi ci sono degli oggetti di input type="text"...firefox mi fa visualizzare la pagina correttamente, internet explorer invece mette questi oggetti di input uno sotto l'altro invece che uno a fianco all'altro!
ho capito che il problema è dovuto ai float (facendo un pò di prove ed eliminando il float del div logo o del div login il problema scompare....ma poi non so più come sistemare i div nelle loro posizioni!

di seguito vi posto anche il codice

index.html

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
	<title></title>
	<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>

<div id="testa">
	<div id="testa-alto">

	<div id="logo">[img]immagini/logo.jpg[/img]</div>
	<div id="banner-alto">[img]immagini/bannerAlto.jpg[/img]</div>
	<div id="login">
	<div id="campi">user: <input type="text"> password: <input type="text"></div>
	[img]immagini/loginBasso.jpg[/img]
	</div>

	</div>
</div>


</body>
</html>

style.css

codice:

#testa{
	width: 760px;
	text-align: center;
}

#testa-alto{
	width: 760px;
	height: 124px;
}

#logo{
	float: left;
}

#banner-alto{
	float: left;
}

#login{
	text-align: left;
	float: left;
	background-color: #3c6caa;
	padding-top: 6px;
	margin-bottom: -4px;
}

#campi{
	margin-bottom: 7px;
	margin-left: 10px;
	clear: both;
}

e qui c'è un file rar che contiene già i documenti con le immagini

grazie per le eventuali risposte, ciao

**fcaldera** · 14-12-2006, 21:44

per i blocchi con il float devi inserire anche un width

su

#login

inserisci anche un display: inline oppure azzera il margine.

**ledfloyd** · 15-12-2006, 14:57

ho cambiato il css inserendo la larghezza ai div con float, ho inserito display: inline; al div login
ed ho vato ad eliminargli il margine...ma non è cambiato nulla!
riporto il css:

codice:

#testa{
	width: 760px;
	text-align: center;
}

#testa-alto{
	width: 760px;
	height: 124px;
}

#logo{
	float: left;
	width: 146px;
}

#banner-alto{
	float: left;
	width: 614px;
}

#login{
	text-align: left;
	float: left;
	background-color: #3c6caa;
	padding-top: 6px;
	margin-bottom: -4px;
	width; 614px;
	display: inline;
}

#campi{
	margin-bottom: 7px;
	margin-left: 10px;
	clear: both;
}

**fcaldera** · 15-12-2006, 15:49

qui c'è un punto e virgola al posto dei due punti

width; 614px;

**ledfloyd** · 16-12-2006, 01:11

eh...l'ho visto oggi pomeriggio!
problema risolto.
Scusa per il post inutile e grazie!
ciao

Discussione: internet explorer input text e float

Strumenti discussione

Ricerca discussione

Visualizza

internet explorer input text e float

Permessi di invio