DIV all'interno di un altro div

[Sauron_x]

Ciao a tutti! Avrei due problemi.

Il primo è:

Stavo cercando di mettere al centro un div dentro un div (o meglio quasi al centro)

Il problema è che prima avevo l'anteprima sul browser, invece ora non me lo da più ma sul software si.

Non capisco cosa sia successo, prima me lo dava.

Ho già provato a pulire la cache ma niente

L'altro problema è: Come faccio a centrare un div dentro a un div?

Per intenderci: http://vanishingpoint.site90.net/

Io vorrei che il div sia più o meno al centro dove sta lo spazio dando chiaramente dei margini.

Per intenderci non proprio al centro, allineato a destra dando die margini per distanziarlo con gli altri due elementi.

Ho già provato a dargli dei margini ma non riesco a farlo andare sopra. Me lo mette sempre in basso sia in botton che in top.

Codice HTML

<div id="corpo">
    <div id="latotop"></div>
    <div id="latobottom"></div>
    <div id="corpo2"></div>
    </div>

Codice CSS

#corpo {
    width: 1024px;
    height: 770px;
    background: #a9a9a9;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 1px;
    
}

#latotop {
    
    width: 250px;
    height: 300px;
    background: white;
    margin-top: 30px;
    margin-left: 20px;
}

#latobottom {
    
    width: 250px;
    height: 350px;
    background: white;
    margin-top: 50px;
    margin-left: 20px;
}

#corpo2 {
    
    width: 300px;
    float: right;
    background: white;
}

Dove sbaglio?

Vi ringrazio

[Sauron_x]

Allora, ho risolto tutti e due i problemi.

Nel secondo problema non smanettavo molto bene con i px.

Voi usate un trucco differente per avere un risultato simile senza dover smanettare con i px?

http://vanishingpoint.site90.net/

Codice CSS:

#corpo2 {
    
    height: 701px;
    width: 700px;
    background: white;
    margin: 0px 300px;
    margin-top: -700px;
    float:left;
    
}

Tanto per capire se ho usato il solo e unico procedimento corretto.

Grazie

[Sauron_x]

up

[mucu]

prendi spunto da http://blog.html.it/layoutgala/LayoutGala34.html

[Sauron_x]

Grazie ma questo template non ha fatto come ho fatto io, ovvero messo un div dentro a un altro div allineandolo. Fin lì per me è tutto ok

Questo template non ha fatto altro che creare un header, due colonne e un footer.

Il navigation dentro il div credo di averlo fatto corretto, quello che è incasinato è il corpo dentro al corpo.

Quindi, ti chiedo: Pensi che ci siano modi migliori per ottenere il risultato? Cioè avrei risolto, te lo chiedo perchè se c'è qualche trucchetto che magari mi sfugge evito di impazzire con i px.

Avevo sentito dire che si può creare un wrapper così si evita l'uso dei px e non si impazzisce ma non so cosa sia un wrapper.

Se puoi illuminarmi, grazie