dimensioni fisse pagine html

[Andrea581]

ciao a tutti!sono un nuovo utente e sto creando un sito tutto mio con il programma NVU.
siccome sto impazzendo,vi chiedo se esiste un modo per definire le dimensioni,quindi la larghezza della mia pagina html home...
esempio questa pagina:
http://www.acquacosmo.it/
come potete vedere la pagina ha delle dimensioni fisse e io vorrei una cosa del genere!
qualcuno mi aiuti!grazie in anticipo.
andrea.

[Myaku]

metti tutto il layout all'interno di un elemento padre di dimensione dichiarata

esempio al volo:

<div id="container">
... tutto il tuo layout ...
</div>

#container {width: 960px; margin: 0 auto;}

[marco2981]

se io faccio come dici tu mi risolve il probelema delle dimensioni della pagina ma mi sposta tutto il sito s sinistra e nn al centro come era prima

[Myaku]

Originariamente inviato da marco2981
se io faccio come dici tu mi risolve il probelema delle dimensioni della pagina ma mi sposta tutto il sito s sinistra e nn al centro come era prima

anche con il margine ad auto?
dando per scontato che non stai testando su ie5.5 ... posta il link alla tua pagina

[marco2981]

Il sito resta tutto a sinitra nn posso mostrartelo nn è publicato

ti posso mandare il file layout se vuoi

[Myaku]

Originariamente inviato da marco2981
Il sito resta tutto a sinitra nn posso mostrartelo nn è publicato

a parte che mi hai risposto a metà, ma diciamo che va bene lo stesso. Posta allora il codice ... se non vediamo cosa stai facendo, è difficile capire dov'è il problema...

ti posso mandare il file layout se vuoi

il layout non ci serve - dobbiamo vedere il codice -, e l'aiuto (almeno per me) è in pubblico qui sul forum

[marco2981]

div id="container">
/*CENTER TOP IS THE TOP PART OF THE SITE. SEE yjsg_main.php FOR REFERENCE*/
#centertop, #centerbottom {
text-align:left;
margin:0 auto;
clear:both;
}
/* CENTERBOTTOM IS THE BOTTOM PART OF THE SITE SEE yjsg_main.php FOR REFERENCE */
#centerbottom {
position:relative;
}
#header {
text-align:left;
position:relative;
padding:5px 0 5px 0;
overflow:hidden;
}
#logo {
float:left;
text-align:left;
overflow:hidden;
}
/* LOGO HOMEPAGE LINK */
#logo a {
text-indent:-7500px;
display:block;
text-decoration:none;
width:100%;
}


/* main body layouts with side modules
--------------------- */
/* HOLDER DIV CONTAINS LEFT, MAINBODY, RIGHT AND ALL INSETS */
#holder,#holder2,#holder3 {
height:100% !Important;
height:1%;
overflow:hidden;
margin:0 auto;
text-align:center;
padding:5px 0;
}
/* layout1.php , layout2.php, layout3.php reset and layout1.php main floats. layout 1 does not contain insettop and insetbottom*/
#leftblock, #midblock, #rightblock, #insetblock, #insetsholder_2t,#insetsholder_2b, #insetsholder_3t,#insetsholder_3b {
height:100% !Important;
height:1%;
overflow:hidden;
text-align:left;
float:left;
}
/* layout2.php*/
#holder2 #midblock{ float:left; }
#holder2 #leftblock, #holder2 #rightblock, #holder2 #insetblock{float:right;}
#holder2 #insetsholder_2t { float:left; }
#holder2 #insetsholder_2b { float:right; }

/*layout3.php*/
#holder3 #midblock{ float:right;}
#holder3 #leftblock, #holder3 #rightblock, #holder3 #insetblock{ float:left; }
#holder3 #insetsholder_3t { float:right; }
#holder3 #insetsholder_3b { float:left; }
.clearm {clear:both;height:1px;overflow:hidden;}

/*END DEFAULT GRID LAYOUT*/

/*BEGING YJSIMPLEGRID
#yjsg1 contains top1 - top5
#yjsg2 contains adv1 - adv5
#jsg3 contains user1 - user5
#jsg4 contains user6 - user10
#jsg5 contains user11 - user15
#yjsg6 contains user16 - user20
#yjsg7 contains user21 - user25
#yjsgheadergrid contains logo div , header1 - header3
#yjsgbodytop contains bodytop1 - bodytop3
#yjsgbodybottom contains boddybottom1 - bodybottom3
*/
#yjsgheadergrid {
float:right;
overflow:hidden;
height:auto;
margin:0;
padding:0;
}
#yjsg1, #yjsg2, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #yjsgbodytop, #yjsgbodybottom {
margin:10px auto 10px auto;
text-align:center;
overflow:hidden;
height:auto;
width:100%;
padding:15px 0;
}

#yjsgbodytop, #yjsgbodybottom {
width:100%;
padding:0 0 0px 0;
margin:5px 0 5px 0;
}
/* MAIN MODULE CONTAINER CLASS. FOR SPECIFIC STYLING
USE #user1 .yjsgxhtml or #user1 .yjsgxhtml .yjsquare */
.yjsgxhtml {
float:left;
clear:right;
text-align:left;
margin:0;
padding:0;
}
.yjsgxhtml .yjsquare_in {
}
/* EXAMPLE OF LAST MODULE IN THE GRID BG IMAGE OVERRIDE
WE USED GRID1 MODULE POSITION TOP5. USEFULL FOR INSET LINE SEPARATOR BETWEEN MODULES*/
#yjsg1 #top5 {
/*background:none;*/
}
/* GUTTERS */
/* SQUARE MODULES GUTTER */
.yjsgxhtml .yjsquare {
margin:0 0;
padding:0 0;
}
/* yjblank */
.yjplain p {
padding:5px 10px;
}
/* KEEP LEFT, RIGHT, INSET, INSETTOP, INSET BOTTOM OF THE EDGES */
#insetsholder_2t, #insetsholder_2b {
padding:0;
margin:0px 0 0 0;
}
.inside {
margin:0;
padding:0px 3px;
overflow:hidden;
}
/*KEEP MAINBODY GRID, BODYTOPS AND BODYBOTTOMS OF THE EDGE
--------------------- */
.insidem {
padding:0px 3px;
margin:0 0;
}
/*END GUTTERS*/
/*FOOTER AND FOOTER LINKS
--------------------- */
#footer {
clear:both;
text-align:center;
overflow:hidden;
margin:10px auto;
padding:0px 0;
position:relative;
}
#youjoomla {
clear:both;
text-align:left;
padding:5px 10px;
overflow:hidden;
}
#footmod {
clear:both;
text-align:left;
padding:0;
margin:0px;
overflow:hidden;
}
#cp {
text-align:left;
padding:2px 0px;
overflow:hidden;
}
.yjsgcp span {
text-transform:capitalize;
}
.validators {
float:left;
text-align:left;
}
.yjsglogo {
position:absolute;
right:10px;
top:10%;
height:48px;
width:229px;
}

/* DEFAULT SQUARE MODULES. FOR ROUND MODULES OPEN rounded.css
ALSO APPLIED ADDITIONAL MODULE CLASS FOR DIFFERENT MODULE STYLES.
TO ACTIVATE THEM ADD _yj1 or _yj2 IN MODULE MANAGER Module Class Suffix TEXT INPUT.
STYLE FOR THESE MODULES IS IN COLOR.css file where COLOR IS YOUR CURRENT DEFAULT SITE STYLE
--------------------- */
/* MAIN MODULE HOLDER*/
.yjsquare, .yjsquare_yj1, .yjsquare_yj2 {
margin: 5px 0 5px 0px;
padding: 0px;
clear: both;
display:block;
height:100% !Important;
height:1%;
overflow:hidden;
}
/* MODULE TITLE */
.yjsquare h4, .yjsquare_yj1 h4, .yjsquare_yj2 h4 {
overflow:hidden;
padding:0;
margin:5px;
font-size:150%;
}
/* MODULE TITLE SPAN*/
.yjsquare h4 span, .yjsquare_yj1 h4 span, .yjsquare_yj2 h4 span {
overflow:hidden;
}
/* MODULE CONTENT*/
.yjsquare_in, .yjsquare_yj1 .yjsquare_in, .yjsquare_yj2 .yjsquare_in {
overflow:hidden;
padding: 10px;
}

/* MODULE p ELEMENT*/
.yjsquare p, .yjsquare_yj1 p, .yjsquare_yj2 p {
overflow:hidden;
padding:3px;
}

/*FOOTER MODULE STYLE
--------------------- */
#footmod .yjplain {
padding:0;
margin:0;
}
#footmod li, #footmod li:hover {
list-style-type:none;
list-style-image:none;
background:none;
}
#footmod ul {
padding:0;
margin:0;
}
#footmod ul li {
display: inline;
margin:0;
padding:0 10px 0 0;
}
#footmod ul li a {
}

#joomlacredit {
padding:3px 10px;
text-align:left;
}
/*PATHWAY*/
#pathway {
padding:3px 5px;
}
#pathway .yjsg_breadcrumbs a.pathway{
margin:0 5px 0 0;
padding:0 15px 0 0;
}

/* ADDITIONAL MODULE STYLES */
/*mod_poll
--------------------- */
.pollbuttons {
margin:0 auto;
text-align:center;
}
/*login module
--------------------- */
#modlgn_passwd, #modlgn_username {
width: 95%;
height:16px;
padding-left: 3px;
padding-top:3px;
}
/*searchbox
--------------------- */
.search {
}
.search .inputbox {
}

/*BANNER MODULE AND IMAGE .banner CLASS.
USED FOR POSITIONING WHEN RESIZING LOGO AND HEADER BLOCK*/
#yjsgheadergrid .bannergroup,
#yjsgheadergrid .banner{
padding:15px 0 0 0;
text-align:right;
}
/* MODULE NEWS FLASH */
div.yjsg-newsflash {
overflow: hidden;
}

div.yjsg-newsflash div.item {
padding-bottom: 15px;
overflow: hidden;
}

div.yjsg-newsflash div.last {
padding-bottom: 0px;
}
</div>

#container {width: 960px; margin: 0 auto;}

[Myaku]

'spe fammi capire, tu hai messo il css dentro il <div>?
il file css è una cosa, la pagina html un'altra. il tuo div "container" ti serve a vincolare il resto del tuo layout (la parte in html), quindi, se quello che hai fatto è esattamente quello che hai postato (e non è neanche chiaro se l'hai inserito nella pagina html o nel file css, ma in entrambi i casi), è sbagliato.
Se così fosse, ti è necessario fare un passo indietro e partire da quelle che sono le "basi delle basi" dello sviluppo.

usa il tag code la prossima volta che posti, altrimenti il tuo codice diventa illeggibile, 'azie.

[marco2981]

risolto grazie :-) mi ero dinenticato di chiudere il div