centratura layout sito e risoluzione utente

**ispuk** · 27-07-2009, 17:38

si scusa ho mandato 2 messagi uguali pensavo che il primo non fosse arrivato

comunque prova cosi

pagina html:

<body>
<div id="CONTAINER">
<div id="immaginelogo">[img]immagini/logo.png[/img]</div>
</div>
</body>

pagina CSS:

html,body
{
background-color: #FFFFFF;
color: #008836;
font-family:Tahoma, Geneva, sans-serif;
font-size:small;
margin:0 auto;
text-align:center;
}
#CONTAINER
{
width:900px;
height:auto;
border:solid;//lo vedi il border ,perchè se non specifichi la dimensione mi sembra difficile

//
text-align:center;
}
#immaginelogo
{
width://pari alla larghezza dell'immagine//
height://pari alla altezza dell'immagine//
margin:0 auto;
padding:0 auto;
text-align:center
}

fammi sapere

**ispuk** · 27-07-2009, 17:41

ovviamete la larghezza dell'immagine non deve superare la larghezza del div CONTAINER

se l'immagine è più grande o la riduci a 900px di larghezza oppue allarghi il CONTAINER alla dimesnione (larghezza) dell'immagine

**Romu89** · 27-07-2009, 17:55

il border lo vedo perchè lui prende come massima height la linea dell'ultimo elemento della pagina quindi si, lo vedo.

Il bello è che se tolgo il container e lascio il body con il text-align:center; tutti i div me li centra!!! Invece con questo contenitore esterno no! Sarà uno stupido bug!!!

**ispuk** · 27-07-2009, 18:10

si lo so ci sono già passato anch'io

è un macello aiutarti a sito già fatto praticamente

dovrei riguardare tutte le dimensioni che hai su tabelle e div

ma non hai un link per vedere la pagina?

l'immagine dello schema che hai costruito sembra buona andrebbe racchiuso tutto quanto dentro il div CONTAINER sapendo il totale della larghezza e dell' altezza di tutto lo schema che hai fatto

**ispuk** · 27-07-2009, 18:13

bhè ma allora non usare il div container se tutto torna senza di quello vai senza

**Romu89** · 27-07-2009, 18:14

ho modificato la risposta perchè ho scritto una cavolata!!! cmq valuta quello che ti ho detto!!! non ho ancora un link ma non è difficile xkè in base al disegno che ho fatto dovresti riuscire ad impostarlo!!!fai il caso generale poi io lo adatto.non so se hai presente il problema: con un container esterno che racchiude tutto il body non lo centra. invece con il body che fa da container me lo centra!!! il che non ha molto senso...

**Romu89** · 27-07-2009, 18:15

va bene usiamo quello. ora imposto il sito e ti dico bene quell'altro problema che prima ho accennato (il menu).

**Romu89** · 27-07-2009, 18:52

iniziamo da questo, se mi dici come si fa credo di non aver più problemi.

html,body
{
background-color: #FFFFFF;
color: #008836;
font-family:Tahoma, Geneva, sans-serif;
font-size:small;
margin:0 auto;
text-align:center;
border:solid;
}
#LOGO
{
position:relative;
border:solid;
margin:0 auto;
padding:0 auto;
text-align:center;
border:solid;
width:174px;
height:120px;
}
#SFONDO
{
position: relative;
border:solid;
margin:0 auto;
padding:0 auto;
text-align:center;
width:768px;
height:81px;
}

nella pagina invece

<body>
<div id="LOGO">[img]immagini/logo.png[/img]</div>
<div id="SFONDO">[img]immagini/sfondof.png[/img]</div>
</body>

Il "problema" è che mi mette sia LOGO che SFONDO centrati ma uno sotto l'altro. Se guardi l'immagine che ho postato all'inizio vedi come dovrebbero essere messi.
Se li sposto con i comandi top, right, ecc poi il layout va a finire che non è centrato o addirittura potrei correre il rischio di avere tutto sfasato a diverse risoluzioni.
Comunque volevo chiederti, se non ti dispiace, di postarmi il codice css relativo all'intera pagina...le misure delle immagini e delle altre cose le metto ovviamente io.
Se non ti va puoi dirmi semplicemente come risolvere il problema dell'incolonnamente di LOGO e SFONDO. da li credo di riuscire a cavarmela.

Grazie dell'aiuto

**Romu89** · 27-07-2009, 19:27

lo sto provando a fare inserendo le tabelle. ti faccio sapere dopo. se proprio mollo te lo dico!!! :-D

**ispuk** · 27-07-2009, 19:33

allora dovrebbe

essere molto semplice

se vuoi che il logo si posizioni sopra al background devi togliere il div SFONDO e inserire l'immagine di background tramite CSS nel div LOGO la regola è

background-image:url(nome immagine. estensione immagine);//lo sfondo deve avere la stessa dimensione del div che lo contiene//

altrimenti se vuoi che div SFONDO e il div LOGO siano affiancati devi impostare su tutti e due div sempre via CSS questa regola

float:left;

speriamo sia finita l'odissea

Discussione: centratura layout sito e risoluzione utente

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio