elemento allineato a sinistra di un elemento centrato

**Il Pazzo** · 20-02-2009, 10:42

Allora spiego subito... Io ho una griglia centrata alla pagina... sotto la griglia alla sua sinistra vorrei allineargli un detailsView... solo che non ci riesco... avevo pensato di mettere un div che mi racchiudesse la griglia e il detailsView con allineamento centrale e un div che racchiudesse solo il detailsview allineato a sinistra... Effettivamente lo allinea a sinistra... ma a sinistra della pagina....

In partica io voglio una cosa del genere:

codice:

 _______________
|              |
|   Griglia    |  
|______________|
|_dv_|

Con la griglia centrata nella pagina... ma ottengo una cosa così:

codice:

          _______________
         |              |
         |  Griglia     |  
 _____   |______________|
|_dv_|

Come posso risolvere?

**Mich_** · 20-02-2009, 11:15

vevo pensato di mettere un div che mi racchiudesse la griglia e il detailsView con allineamento centrale

Il tuo pensiero e` corretto.
Probabilmente hai sbagliato a posizionare i clear ...
Posta anche il codice HTML+CSS che vediamo se e come risolvere.

**Il Pazzo** · 20-02-2009, 11:30

Originariamente inviato da Mich_
Il tuo pensiero e` corretto.
Probabilmente hai sbagliato a posizionare i clear ...
Posta anche il codice HTML+CSS che vediamo se e come risolvere.

no... non ho messo neanche un clear... che sono?

Per quanto riguarda il css non è mio... non so se posso postarlo... Però non dovrebbero esserci problemi a postare solo parte del CSS... Magari se mi dici quali parti ti interessano... in pratica ti spiego la situazione...

Allora io faccio due import:

codice:

<style type="text/css" media="all">
             @import url("style/StyleSheet1.css");
	@import url("StyleSheet2.css");
</style>

Onestamente non so cosa ci sia scritto dentro perchè non devo modificarli in quanto più pagine usano questi CSS... Questa cosa che devo modificare io la devo fare in appena 5/6 pagine....
quindi subito sotto a questi due import volevo scrivere altro codice CSS nelle mie pagine... il codice che ho scritto io è:

codice:

body {
    margin: 0; padding: 0;padding-top:15px;
    text-align: center;
}

**Mich_** · 20-02-2009, 11:59

Traduzione (e libera interpretazione):
Non so assolutamente cosa sto facendo, non vi dico nulla, solo vi chiedo di aiutarmi ...

E` chiaro che con queste premesse nessuno puo` aiutarti ...
Se la pagina non e` in una rete privata, o se non e` protetta da passwd, non vedo che problemi hai a postare il link (pero` il forum e` indicizzato dai motori, quindi quello potrebbe essere un impedimento).

Comunque le parti che interessano sono:
1. il DOCTYPE
2. il codice HTML del pezzo (dei box, il codice interno non e` impotante in prima battuta) che devi realizzare (ed eventuale box che lo contiene, se non e` il body)
3. il codice CSS relativo agli oggetti di cui al punto 2

**Il Pazzo** · 20-02-2009, 16:03

Originariamente inviato da Mich_
Comunque le parti che interessano sono:
1. il DOCTYPE
2. il codice HTML del pezzo (dei box, il codice interno non e` impotante in prima battuta) che devi realizzare (ed eventuale box che lo contiene, se non e` il body)
3. il codice CSS relativo agli oggetti di cui al punto 2

Scusa il ritardo... ecco.. si la pagina è in una rete privata:
1. Il DOCTYPE:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2. L'HTML della pagina:

codice:

<body>
    <form id="form1" runat="server">
    <div>
    </div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>


                <asp:GridView ID="gridView1" runat="server" Width="808px">
                    ...
                </asp:GridView>



                <asp:DetailsView ID="dvCostProg" runat="server">
                    ...
                </asp:DetailsView>

                
                <asp:Panel ID="pCostiPortafoglio" runat="server" Height="50px" Width="125px">
                    <asp:GridView ID="gvCostiPort" runat="server">
                        ...
                    </asp:GridView>
                </asp:Panel>


            </ContentTemplate>
        </asp:UpdatePanel>
    </form>
</body>

3. Il CSS:

codice:

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

div,p {
	padding:0px;
	margin:0px;
}

Mi sono accorto che l'import in realtà è uno perchè l'altro css non c'è....

**Il Pazzo** · 23-02-2009, 09:44

ok... facciamo una cosa per volta... intanto centriamo sto box....

Visto il css sopra, lunica csoa che scrivo è:

codice:

			body {
			    text-align: center;
			}

Perchè mai lo deve buttare a destra invece di centrarlo? Quello che mi centra è l'angolo in alto a sinistra... Per centrarlo devo mettere un

margin-left: -75%;

nel body...

Perchè?

Discussione: elemento allineato a sinistra di un elemento centrato

Strumenti discussione

Ricerca discussione

Visualizza

elemento allineato a sinistra di un elemento centrato

Permessi di invio