problema con fieldset

[Cypher86]

salve,
avrei un problema con i fieldset.
ne ho 3 e devo metterli tutti sulla stessa riga:
attualmente il css contiene questi attributi:

fieldset#fieldSloggio{
	width: 30%;
	float: left;
	margin: auto;
}

fieldset#fieldDocumentazione{
	width: 30%;
	float: right;
	margin: auto;
}

fieldset#fieldPubblicazione{
	margin: auto;
	width: 30%;
	float: center;
}

inoltre nel css ci sono altri riferimenti ai fieldset in generale.
il problema sussiste quando viene ridimensionata la finestra del browser.
come faccio a fare in modo che i fieldset rimangano sulla stessa linea (ovviamente fino a quando la dimensione del testo lo permette).

ecco un esempio sintetico:

come dovrebbe sempre essere:
fieldset1(sulla sinistra)    fieldset2(centrato)    fieldset3(sulla destra)

come certe volte risulta:
fieldset1(sulla sinistra)                         fieldset3(sulla destra)
                                  fieldset2(centrato)

[Mich_]

Per prima cosa, attenzione alla sintassi ed ai valori degli attributi:
float:center; non esiste (pero` potrebbe essere una estensione di qualche browser)

Nel tuo caso e` importante l'ordine con cui posizioni i blocchi: quello di sin e quello di destra devono arrivare prima di quello da centrare.

Tieni presente che float e margin:auto non vanno d'accordo: e e` meglio evitare conflitti nei CSS (che browser diversi possono interpretare in modo diverso)

Quindi quello che puoi provare e`:

fieldset#fieldSloggio{
	width: 30%;
	float: left;
	margin: 0;
	background: blue;
}

fieldset#fieldDocumentazione{
	width: 30%;
	float: right;
	margin: 0;
	background: red;
}

fieldset#fieldPubblicazione{
	width: 30%;
	float: none;
	margin: 0 auto;
	text-align: center;        /* probabilmente ti serve (oppure serve dare margin:0 auto; al blocco interno) */
	background; yellow;
}

(gli sfondi li ho inseriti per rendersi conto di quanto spazio adoperano i vari blocchi - alla fine (quando tutto funziona) li dovrai togliere)

E` importante che il blocco che contiene i tre abbia larghezza definita; se questa e` in % quello che lo contiene deve essere dimensionato e ricorsivamente fino a body e html

[Cypher86]

ciao,
grazie per la risposta ma il problema persiste anche con la soluzione che mi hai dato tu....

cosa devo fare???

inoltre lo stesso problema l'ho con questi altri 2 fieldset che al ridimensionamento non stanno sulla stessa linea

fieldset#fieldRisultato{
	margin: 0;
	width: 75%;
	float: left;
}

fieldset#fieldColonnadx{
	margin: 0;
	width: 15%;
	float: right;
}

p.s. le cose migliorano un po se nel al tag body associo width:100% ma cosi mi fa vedere la barra di scorrimento orizzontale senza nessun motivo il che non mi aggrada

[Mich_]

Si puo` vedere il tuo sito? (e` pubblicato in rete, magari in un posto provvisorio?)

Non e` che per caso ci siano anche dei margini, padding o border, per cui la somma delle tre larghezze supera il 100%?
prova anche a scrivere esplicitamente, dentro i blocchi flottati:
border: 0;
padding: 0;

[Mich_]

Vedo adesso l'aggiunta.

Come ho scritto sopra, la larghezza del contenitore DEVE essere definita.
Se mettendo 100% ti compare la barra, vuiol dire che la larghezza super ail 100% (per presenza di margini, padding, bordi o per errori di arrotondamento)

[Cypher86]

cavolo allora devo rifare tutto il css..........

purtroppo non posso farti vedere il sito perche si tratta di un sito interno e quindi non raggiungibili o meglio i contenuti non sono liberi.

posso postarti il css per intero cosi mi aiuti a migliorarlo?

[Mich_]

Originariamente inviato da Cypher86
cavolo allora devo rifare tutto il css..........

purtroppo non posso farti vedere il sito perche si tratta di un sito interno e quindi non raggiungibili o meglio i contenuti non sono liberi.

posso postarti il css per intero cosi mi aiuti a migliorarlo?

Il CSS da solo serve a poco.

E CSS + HTML diventa una cosa molto lunga (difficile da leggere e implementare).

Credo che se vuoi aiuto da parte del forum, ti conviene copiare il codice HTML + CSS della pagina e salvarlo in un posto provvisorio (ci sono provider che offrono spazio gratuito).
Se ci sono dati che non vuoi siano visti, puoi anche cambiarli/toglierli, e puoi anche provare a semplificare la pagina, se e` comlessa (questo semplifica la vita di chi ti volesse aiutarti). -- Per ulteriori consigli prova a vedere il regolamento del forum.

Poi non so se io avro` tempo di analizzare la pagina, ma ogni tanto nel forum c'e` qualcuno che queste cose le fa.

PS: hai provato ad analizzare la tua pagina con la developer bar di Firefox (o strumento simile di altro browser): in alcuni casi puo` dare importanti informazioni per migliorare il CSS.