costruisire fluido o fisso ?

**Giovanni Farx** · 08-02-2009, 02:01

salve amici
Sto cominciado a realizzare un sito ,per ora hostato su un indirizzo temporaneo
www.farandagiovanni.net
Questo sito vuole offrire servizi web ,almeno inizialmente per capire bene cosa voglio , ci srà materiale gratuito ,come template , articoli ,materiale download ,inzialmente per cominciare.

il mio obbiettivo è costruire il sito che vi ho indicato ,in una struttura fluida , ATTEnzione , solo se ne vale la pena , perchè ho sentito che perc certi elemneti grafici , non ne vale la pena .

QUalche osservazione che ho fatto è che ,
pare dalla mia ignoranza che , youtube e html , sono fatti fissi , perchè se cambio la risoluzione dello schermo la porto da 1280 a 800x 600 , il sito si allarga , e lo devo scorrere con la barra , laerale , questo cosa significa ?se fosse stato fluido non sarebbe rimasto immobile ?
www.farandagiovanni.net

rivedendo il mio sito , cioè realizzato in una struttura fissa , ad alcuni monitor , esce la barra laterale , ecco , io non voglio questo assolutamente ,cosa faccio ?

grazzissimi , e saluti
giovanni

**ricman** · 09-02-2009, 10:36

http://css.html.it/guide/leggi/3/gui...iti-con-i-css/

**Giovanni Farx** · 09-02-2009, 16:30

Originariamente inviato da ricman
http://css.html.it/guide/leggi/3/gui...iti-con-i-css/

codice:

L'effetto fluido si può ottenere in svariati modi:

    * non specificare in nessun modo la larghezza del contenitore principale nè usare margini, bordi o padding, e in tal caso si ha un layout fluido totale;
    * attribuire del padding orizzontale al body;
    * specificare una larghezza percentuale al contenitore principale;
    * attribuire margini, padding o border (fissi o percentuali) al contenitore principale.

Da come leggo , bisogna mettere un contenitore che racchiude tutto il contenuto del sito.

Quindi il primo passo che dovrò fare , racchiudere tutto il sito nel div.

però ho gia impostato dei valori ai div interni ,come header ecc
quello che mi chiedo e se devo cambiare anche quest ultimi.
intanto continuo a leggere l articolo.

**Giovanni Farx** · 09-02-2009, 18:54

.

**ricman** · 10-02-2009, 01:47

Una scatola da scarpe può stare dentro un armadio, ma non dentro un bicchiere...
Insomma... i contenitori devono avere una logica ...

Cmq nulla vieta di fare il div che contiene tutto largo, es. 900px, e l'header (e chi è largo come lui, anche il footer... o un barra orizzontale del menu...) al suo interno attribuirgli un larghezza del 100%

**Giovanni Farx** · 10-02-2009, 02:14

sto seguendo con attenzione la lettura dell argomento , ma ho qualche problema .
ho provato ad impostare una grafia 800 x 600 ma deovo scorrere sempre la barra orizontale , e non cambia nada.

voglio un attimo postare il codex , per vederlo assieme.

codice:

</head>
<body>
<div id="container">
<div id="head"></div>
<?php include("menu.php"); ?>
<div id="page">
<div id="navigatore">ciao</div>
</div>
<?php include("footer.php"); ?>
</div>
</body>

codice:

body {
    text-align: center;   /*centra in IE 5.x */
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin-top: 0;
	background-image: url(../images/background.jpg);
	font-family: "Trebuchet MS", "Tw Cen MT";
	background-attachment: fixed;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#container{
	width: 938px;   /*centra negli altri browsers*/
	text-align: left;   /*ripristina l' allineamento*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
    } 
#head {
	height: 89px;
	width: 937px;
	margin-right: auto;
	margin-left: auto;
}
.jqueryslidemenu{
	width: 100%;
	background-image: url(../images/mainmenu.gif);
	height: 28px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", "Tw Cen MT";
	font-size: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}......altro riguardante il menu javascript
#page {
	height: 450px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#page #navigatore {
	height: 80px;
	width: 99%;
	margin: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCBB48;
}
#footer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	background-image: url(../images/background_footer.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
}

spero ri riuscire a trovare una solluzione

**ricman** · 10-02-2009, 09:51

Tu parli di 800x600 e poi imposti il container a 938px
Stai cercando di infilare la scatola da scarpe dentro il bicchiere!!

**Giovanni Farx** · 10-02-2009, 11:58

Originariamente inviato da ricman
Tu parli di 800x600 e poi imposti il container a 938px
Stai cercando di infilare la scatola da scarpe dentro il bicchiere!!

oi oi oi ,

pare che abbia un pò di confusione , non riesco a capire .

Allora diciamo che ora con il mio monitor risoluzione a 1280x1024px , mi piace come si centra il mo sito a 938 px , mi piace e ci sta bene.

Però vedo confusione , cioè non capisco perchè dovre farla perforza più piccola a 800 x 600.
forse con quella funzione si può adattare al monitor ?
Ciao

**ricman** · 10-02-2009, 13:07

Il monitor lascialo perdere... ognuno ha il suo e con la risoluzione che preferisce...
Tu costruisci i siti... mica i monitor!!

Vuoi un layout fisso.
Lo vuoi largo 938px.

E' ovvio che un monitor con risoluzione di 800px di lato ti metta la barra di scorrimento... questo ti torna?

Se non vuoi il layout fisso esiste quello quello "fluido" (o elastico). Ovvero fa sì che le dimensioni del tuo "container" si adattino in larghezza ad ogni tipo di risoluzione.
Viene da se che non puoi avere un sito di grafica d'impatto in quanto ognuno lo vedrà impaginato diversamente a seconda della risoluzione che tiene.

Ora vai a leggere quel link che ti avevo passato perchè mi sa che ne hai letto metà...

**Giovanni Farx** · 10-02-2009, 16:13

Originariamente inviato da ricman
Il monitor lascialo perdere... ognuno ha il suo e con la risoluzione che preferisce...
Tu costruisci i siti... mica i monitor!!

Vuoi un layout fisso.
Lo vuoi largo 938px.

E' ovvio che un monitor con risoluzione di 800px di lato ti metta la barra di scorrimento... questo ti torna?

Se non vuoi il layout fisso esiste quello quello "fluido" (o elastico). Ovvero fa sì che le dimensioni del tuo "container" si adattino in larghezza ad ogni tipo di risoluzione.
Viene da se che non puoi avere un sito di grafica d'impatto in quanto ognuno lo vedrà impaginato diversamente a seconda della risoluzione che tiene.

Ora vai a leggere quel link che ti avevo passato perchè mi sa che ne hai letto metà...

no , no , ho capito è tutto chiaro .
Quidni sto facendo sempre bee come ho fatto e farò sempre così.
Perchè anche con html.it a 800x600 esce la barra , e lo stesso per tutti gl ialtri siti , mi sono fidato di un amico che credevo esperto.
Il mio sito è perfetto.

l aspetto fluido potrei anche adottarlo , ma sicuramente non in questo caso , il mio sito è basato su grafica , è quindi niente da fare.,
Può essere chiuso qua il post per me .
Saluti
Giovanni

Discussione: costruisire fluido o fisso ?

Strumenti discussione

Ricerca discussione

Visualizza

costruisire fluido o fisso ?

Permessi di invio