Campo INPUT allineato a sinistra

**Morpheux** · 09-07-2009, 14:35

Salve ragazzi,
ho creato un guestbook in php ed ho utilizzato anche i CSS.
La maskerina da compilare contiene due campi (un input text x il nome e una textarea x il messaggio).
La struttura è cosi:

codice:

<div id=maskera>
    <div id=autore></div>
    <div id=messaggio></div>
</div>

Adesso l'unico problema che ho è quello di allineare a sinistra il campo INPUT TEXT che è dentro il div AUTORE.
Con firefox mi viene correttamente allineato impostando i margin-left e top mentre con IE no.
Con IE mi viene allineato completamente a destra anche impostando i MARGINI.
Vi invio il CSS magari riuscite a farmi capire come allineare a sinistra il campo INPUT dentro il div NOME.

codice:

#autore
{
        float:left;
        width: 150px;
        margin-left: 250px; 
        margin-top: 30px; 
        margin-bottom: 10px;
        margin:10px left;
        border:1px #000 solid;
}

#maskera{
    width: 600px;
    height: 300px;
    margin: 10px auto;
    background-image: url("scrivi.gif");
    background-repeat:no-repeat;
    background-position:top left;
    border:1px #000 solid;
    
}

Grazie anticipatamente

**ricman** · 09-07-2009, 14:50

codice:

#autore
{
        float:left;
        dispaly:block;
        width: 150px;
        border:1px #000 solid;
}
#messaggio
{
        float:left;
        dispaly:block;
        width: 150px;
        border:1px #000 solid;
}

**Morpheux** · 09-07-2009, 15:29

Niente da fare!
con firefox mi viene posizionata bene l'INPUT TEXT mentre su IE mi viene allineata alla fine del DIV.

Assurdo kome i browser facciano sta differenza!!!!

Come posso risolvere a parte questa soluzione?

GRAZIE

**ricman** · 09-07-2009, 15:54

Che doctype usi?

**Morpheux** · 09-07-2009, 21:06

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

Che poi impazzisco xke se nel #autore inserisco del testo...me lo posiziona dove dico io in entrambi i broswer...se metto un campo INPUT no.

ps. ma se invece di toccare il campo #autore vado ad impostare i CSS solo x l'input?
Com'è la sintassi x i campi INPUT?ovviamente solo x quel id input e non tutti gli input...

**ricman** · 10-07-2009, 08:58

Originariamente inviato da Morpheux
Uso <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
http://www.w3.org/TR/html4/strict.dtd>

A parte che non è scritto benissimo... e a parte "maskera" che non si capisce bene a cosa possa servire... a me il codice funziona..
Prova col copia/incolla:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>ddadada</title>
		<style type="text/css">
			#autore {
				float:left;
				display:block;
				width: 250px;
				height: 30px;
				border:1px #000 solid;
				background-color:red;
			}
			
			#messaggio {
				float:left;
				display:block;
				width: 250px;
				height: 50px;
				border:1px #000 solid;
				background-color:green;
			}

		</style>
	</head>
<body>
<div id="maskera">
    <div id="autore"><input type="text"></div>
    <div id="messaggio">messaggio</div>
</div>	
	
</body>
</html>

**Morpheux** · 10-07-2009, 14:10

Perfetto!!!
Ho risolto!!!

Non mi funzionava il tuo consiglio xke c'era una parte di css ke mi faceva sballare tutto...

codice:

min-height:18px;
height: auto !important;
height: 18px;

Infatti ho eliminato questo impostazione d'altezza...e funziona!

Grazie mille

Discussione: Campo INPUT allineato a sinistra

Strumenti discussione

Ricerca discussione

Visualizza

Campo INPUT allineato a sinistra

Permessi di invio