struttra liquida ma non troppo!

[kiuz]

ecco il problme che volgio risolvere. Ho creato una struttura per il mio sito in css(file sterno).
è una struttura liquida, di quelle che si adattano alla pagina. finchè la risoluzione si trova tra 600x800 o 1024x768 ... tutto ok! ma appena li supera o va sotto 600x800 la struttura si storpia tutta! e siccome ci tengo alla grafica del mio sito... mi chiedevo se esistesse una stringa da inserire nel css che dicesse di sare una tutto lo spazio disponibiledalla finstra ma non oltrepassar e dei valori?!...

se non esiste in css va bene anche in java!....

.....spero in voi!

[dreawlk]

generalemente puoi assegnare dimensioni in px o in %, ma dovresti postare il codice css per capire meglio come l'hai strutturato...

[kiuz]

allora questo è il file css. è un templates che ho trovato su in internet e modificato io piacere.
ho modificato un template perchè creando un css da zero mi creava dei porblemi per quanto riguarda interpretazione dei broswer(internet explorer di microsoft o MOzzilla), quinid ho modficato questo tempalte.
mi hiedevo se estiesse un qualcosa che di cesse al borswer di on siperare certe misure.


#######################


/*STYLESHEET FOR: symphony 23-dec-04 */
/*CREATED BY: Andrew Tedstone */
/*TYPE: print */
/*HREF: style-print.css */



<style type="text/css">
<!--
/*I don't get why you need this, just keep it there!*/
.makemozwork{}

/*GLOBAL STYLE CHANGES*/

/*changes main gray, this stays the same as the body bgcolor to make the navbars "continue".*/
#LHS-bar .normal, #RHS-bar .normal, body{background-color:#ffffff}

/*change border col in line with bgcolor of L/RHS bars.*/
a.side-link:link, a.side-link:active, a.side-link:visited, a.side-link:hover{border:1px solid #ececec}

/*color of lighter text boxes.*/
#LHS-bar .light, #RHS-bar .light{background-color:#f5f5f5}

/*control padding between mainlinksdiv and others below*/
#LHS-bar, #RHS-bar, #content{padding-top:1%;}

/*base-font*/
body{font-size:75%;
font-family:tahoma}




/*GLOBAL STYLES ################################################## ################################*/
body{

margin: 5px 20px 5px 20;
padding:0;
}

/*for non-visual agents.*/
.no-display{display:none}
h3{display:none}

.noborder{border-top:0px;}

/*defines div that holds content divs*/
#content-container{background-color:white;
margin-left:135px;
margin-right:135px;
margin-top:0px;
border-top:;

padding-top:1%; padding-left:8px; padding-right:8px;}


/*EXT-NAV STYLES ################################################## ###############################*/
#ext-nav{
text-align:right;
padding-top:4px;
padding-bottom:4px;
background-color:#ffffff;
border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;
border-top : 2px solid #c20000;
border-bottom : 2px solid #c20000;
}

#ext-nav a:link, #ext-nav a:active, #ext-nav a:visited, #ext-nav a:hover{font-size:95%;
color:gray;
text-decoration:none;
border:1px solid gray; /*make same col as ext-nav div*/
padding:2px;
padding-left:4px;
padding-right:4px;
}

#ext-nav a:hover{background-color:white;
border:1px solid #c20000}


/*HEADER STYLES ################################################## ################################*/
#title-div{
width: 100%;
height: 160px;
color:#000000;
background-color:#ffffff;
padding-top:0px;
padding-bottom:0px;

}

h1{font-weight:800;
padding:0;
margin:0;
font-size:220%;
color:#000000;
padding-left:2%;
padding-bottom:1.5%;
padding-top:1%}

#main-nav{
background-color:#ffffff;
padding-left:2%;
padding-top:6px;
padding-bottom:6px;
border-bottom : 1px solid #c20000;
border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;
border-top : 1px solid #c20000;
}

#main-nav a:link, #main-nav a:active, #main-nav a:visited, #main-nav a:hover{font-size:95%;
color:gray;
text-decoration:none;
border:1px solid #gray;
padding:2px;
padding-left:4px;
padding-right:4px}

#main-nav a:hover{background-color:white;
border:1px solid #c20000}



/*SIDE BARS ################################################## ####################################*/

/*main styles*/
#LHS-bar, #RHS-bar{
margin-top:3px;
margin-bottom:3px;
width:130px;
height: 100%;
border:1px solid #ff0000;
padding-top:1%;
line-height:150%;
z-index:99;}

#LHS-bar{float:left;}

#RHS-bar{float:right;
text-align:right;}


/*sub-nav stuff*/
#LHS-bar ul, #RHS-bar ul{list-style-type:none;
margin:0;
padding: 0 0 1.1em 0;
}

#LHS-bar li, #RHS-bar li{padding: 0.8ex 0;}

#LHS-bar a:link, #LHS-bar a:active, #LHS-bar a:visited, #LHS-bar a:hover{
color:black;
text-decoration:none;
padding:3px;
display:block;
border-top:1px solid #ececec;
border-bottom:1px solid #ececec;
padding-left:12px;

background-position : left;
}


#LHS-bar a:hover{background-color:white;
border-top:1px solid #c20000;
border-bottom:1px solid #c20000}


/*other*/
#LHS-bar .light, #RHS-bar .light{
border-top:1px solid #ffffff;

padding-bottom:10px;
}

#LHS-bar .normal, #RHS-bar .normal{
border-top:1px solid #ffffff;

padding-bottom:10px;}

#LHS-bar span, #RHS-bar span{
background-image: url(images/bg_rosso_barra.gif);
height: 30px;
display: block;
font-size:90%;
font-weight:700}

#LHS-bar .no-padding{padding:0}

#LHS-bar .subnav, #RHS-bar .subnav{border:0;
padding-left:0;
padding-right:0}
#text{
padding-left:3px;
padding-right:3px;
}



/*CONTENT STYLES ################################################## #####################################*/
#content-container div{padding-bottom:40px;
text-align:justify;
padding-left:8px;
padding-right:8px;
line-height:170%}

h2{line-height:170%;
padding-left:5px;
border:1px solid #cccccc;
letter-spacing:1px;
font-size:90%;
color:black;
margin-bottom:0.5%;
padding-top:0;
margin-top:0}

acronym{border-bottom:1px dashed gray;
cursor:help}

kbd{font-size:120%}



/*FOOTER STYLES ################################################## ################################*/
#footer{
border-top:1px solid #c20000;
border-bottom:1px solid #c20000;
background-color:#f5f5f5;
padding-bottom:10px;
padding-top:10px;
text-align:center;
font-size:90%;
color:gray;
float:left;
z-index:100;
width:100%}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover{color:darkblue;
text-decoration:none}

#footer a:hover{text-decoration:underline}
/*div span per titolo*/
.span{
text-decoration :none;
color:#000000;
border-bottom : 1px solid #000000;
border-left : 1px solid #ffffff;
border-right : 1px solid #ffffff;
border-top : 1px solid #000000;
font-size : 13px;
}

#img_cont{
float:right;
}

-->
</style>