Ciao a tutti,
ho un problema con il css del mio lavoro, il mio intento è quello di non aver problemi nè nel ridimensionamento della finestra browser nè per quanto riguarda diverse risoluzioni..
Sapevo che bastava aggiungere [ width=100% ] e per quanto riguarda l'immagine di sfondo in effetti non mi fa strani scherzi (nel ridimensionamento della finestra) però la parte "scritta" rimane sempre al centro della pagina e non si ridimensiona
Avrei infine due ulteriori domande, è giusto utilizzare l'immagine di sfondo nel body e non in questo caso nel box?
Per gestire i vari <div> e posizionarli nella maniera corretta c'è un metodo più semplice di quello che ho utilizzato ovvero assegnare un border:0px solid black; settarlo a 1, vedere come andava e risettarlo a 0.. così ogni volta con la conseguente sfalsatura dei margini!
Posto le due immagini così da esser più chiaro..
Posto inoltre anche il css
e com'è la struttura dei div nel html
immagine 1: http://imageshack.us/photo/my-images/526/test1h.jpg/
immagine 2: http://imageshack.us/photo/my-images/576/test2po.jpg/
--html--
<body>
<div id="menu"></div>
<div id="titolo"></div>
<div id="container">
<div id="copertina"></div>
<div id="intro"></div>
<div id="controllo_audio">
</div>
<div id="controllo_video">
</div>
</div>
</body>
--css--
body {
font-family: "Book Antiqua", garamond, serif;
background-image:url("media/kindle-test.jpg");
background-image: no repeat;
background-position: center -160px;
text-align:center;
width:100%;
}
#box {
position:static;
width: 463px;
margin-left:400px;
height:618px;
margin-top:67px;
border:0px solid brown;
}
#menu {
font-family: calibri;
position: relative;
margin-left:2px;
width: 600x;
height:0px auto;
margin-top:72px;
border:0px solid purple;
}
#titolo {
margin-top:0px;
margin-left:2px;
position: relative;
text-align:center;
width:0px auto;
height:80px;
border:0px solid red;
}
#container {
position: absolute;
font-family: calibri;
text-align: justify;
margin-left:12px;
margin-right:12px;;
width:441px;
height:482px;
border:0px solid blue;
}
#intro {
position: static;
font-size:small;
font-weight:bold;
text-align:none;
margin-top:-20px;
padding:10px;
width:420px;
height:60px;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
border:0px solid green;
}
#controllo_audio {
position: relative;
margin-top:-10px;
margin-bottom:0px;
width: 0px auto;
height:0px auto;
border:0px solid lightblue;
}
#controllo_video {
/*width:0px auto;*/
float: left;
padding-left:11px;
padding-right:13px;
padding-bottom:0px;
margin-top:5px;
position: relative;
border:0px solid black;
}
#testo {
position: static;
font-family: calibri;
text-align: justify;
padding-left:10px;
padding-right:10px;
margin-top:0px;
width:420px;
height:0px auto;
border:0px solid black;
}
Grazie a chiunque mi risponderà
Rispondi quotando
