dimensione layout x monitor 1024*768

lalex · Inviato: Gio 04 Set, 2008 12:13 pm Oggetto: dimensione layout x monitor 1024*768

ciao... avendo impostato la risoluzione del monitor a 1024*768 il layout che dimensioni dovrebbe avere per occupare l' intero video in modo che non compaiano le barre di scorrimento vert/oriz del browser ?
tenendo conto i vari browser ie firefox opera safari
ovviamente tale dimensione non dovrebbe cambiare con altre risoluzioni
grazie

sottobosco · Inviato: Gio 04 Set, 2008 4:20 pm Oggetto:

l'ideale sarebbe poter dare una dimensione di larghezza dinamica, ma se vuoi tenere un valore fisso, considera che le barre di scorrimento non sono mai più larghe di una 20ina di px quindi se imposti il layout a circa 980 pixel stai sicuro che il tuo sito avrà quel margine necessario per essere incorniciato nella pagina, ma darà comunque l'impressione di riempire la pagina Wink

avevo anche un bel link... se lo trovassi, per ora rispondo...

lalex · Inviato: Gio 04 Set, 2008 6:09 pm Oggetto:

Piero_Bo · utente attivo Iscritto: 27 Mgg 2004 Messaggi: 13754

lalex · Inviato: Gio 04 Set, 2008 6:34 pm Oggetto:

perche se inserisco 1 immagine come fondo del container non hò il problema che questa si ripeta se la pag. si sviluppa in altezza... ovviamnete tutto il contesto del contenuto si svilupperà all' interno delle misure prestabilite

Piero_Bo · utente attivo Iscritto: 27 Mgg 2004 Messaggi: 13754

lalex · Inviato: Gio 04 Set, 2008 7:13 pm Oggetto:

ovvero ?

se il mio css è questo:
* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 1000px;
}
#header {
width: 950px;
color: #333;
padding: 0%;
border: 1px solid #45322E;
height: 150px;
margin: 5px 0px 0px 25px;
background-image: url(immaginisito/testatafondook.jpg);
}
#navigation {
width: 950px;
color: #333;
padding: 0%;
border: 1px solid #45322E;
min-height: 5px;
margin: 0px 0px 0px 25px;
background-image: url(immaginisito/sfumato375.jpg);
}
#content {
width: 950px;
color: #333;
border: 1px solid #45322E;
background-image: url(immaginisito/sfumato375.jpg);
margin: 0px 0px 5px 25px;
padding: 0%;
height: 375px;
overflow: hidden;
}
#g1{
margin: auto;
}
dove dovrei mettere il No Repeat ?
il mio scopo è qualcosa del genere:
http://www.raptuz.com/home_muzic.php
e x ora il mio risultato è questo:
http://lisca.altervista.org/danilobarozzi/bio.html
ad esempio nella pg. bio se il testo fosse stato + lungo sarebbe stato tagliato fuori dal conatiner ?
info consigli
grazie

Marty McFly · Inviato: Ven 05 Set, 2008 8:02 am Oggetto:

lalex · Inviato: Ven 05 Set, 2008 8:19 am Oggetto:

lalex · Inviato: Ven 05 Set, 2008 8:24 am Oggetto:

sottobosco · Inviato: Ven 05 Set, 2008 8:34 am Oggetto:

il link cui facevo riferimento più su era questo:
http://www.blographik.it/2006/09/25/larghezza-ottimale-risoluzione-a-1024-pixel/

dal quale puoi arrivare a leggere questo
http://www.cameronmoll.com/archives/001220.html

e questo
http://blog.html.it/21/09/2006/960-e-non-se-ne-parla-piu-forse/

insomma quello che ti ho riassunto in breve io un po' più su...
Ciao

Marty McFly · Inviato: Ven 05 Set, 2008 8:45 am Oggetto:

Il wrapper in genere è il contenitore principale (di solito un div) dove al suo interno metti i vari div dell'header, del menu, del content e del footer.
Un'idea mia è la seguente:

CSS

lalex · Inviato: Ven 05 Set, 2008 8:52 am Oggetto:

ti ringrazio diciamo che in teoria ho capito il senso x creare 1 layout in css si crea 1 " contenotire " seza chiuderlo con all' interno dei contenitori menu container food ecc ecc chiusi e alla fine si chiude il contenitore principale
solo che nella pratica è 1pò + complicato
in serata ci provo Very Happy

lalex · Inviato: Ven 05 Set, 2008 8:55 am Oggetto:

Marty McFly · Inviato: Ven 05 Set, 2008 9:01 am Oggetto:

Non ho capito bene il tuo ultimo post cmq se cambi risoluzione ti ritroverai sempre un wrapper da 960x560 posizionato in alto al centro del viewport.

lalex · Inviato: Ven 05 Set, 2008 9:47 am Oggetto:

alla fine dovrebbe venire qualcosa di simile al tuo sito:
che a qualsiasi risoluzione rimane sempre uguale...
impostando a tutto il layout delle dimensini fisse e con il fondo 1 texture che si ripete e penso che tu l' abbia inserita nel wrapper Mah

Marty McFly · Inviato: Ven 05 Set, 2008 10:27 am Oggetto:

No, io l'ho inserita nel body, che prende tutto il viewport, qualsiasi sia la sua risoluzione. Poi sopra al body ho messo il wrapper composto da header, content e footer.
Il footer è allineato a sinistra con la proprietà "text-align:left".
Cmq quel sito è di marzo 2007, proprio in questo periodo sto progettando un restyling completo Rolling Eyes

lalex · Inviato: Ven 05 Set, 2008 10:39 am Oggetto:

ok allora devo aggiungere alche io footer
anche se preferivo allinearlo nel body al margine six del container magari ci metto 1 tabella Trattieniti

ps: hai 1 link da dove prendere qualche texture che hai messo nel body ?

Marty McFly · Inviato: Ven 05 Set, 2008 10:44 am Oggetto:

lalex · Inviato: Ven 05 Set, 2008 11:16 am Oggetto:

ok cercherò...
1 curiosità ma perchè hai messo il wrapper ? ha cosa serve in definitiva ?
è solo 1 " vezzo " per quanto riguarda il cod. css ?
oppure ha 1 scopo ben preciso ?
quello di contenere il tutto ?