bloccare un div

**fra84** · 19-09-2006, 20:11

ciao a tutti...
ho costruito una homepage formata da un header e un div centrato!!! solo che cn la mia risoluzione tt è apposto usando una risoluzione diversa dalla mia tipo 800x600 il div va sull'header come posso fare per bloccarlo???
questo è il codice:
body{
margin: 0;
padding: 0;
vertical-align: middle;
background-color: #CCCCCC;
}

div#container2{
background-image:url(papiro2.jpg);
background-repeat: repeat-y;
height: 800px;
position: absolute;
width: 600px;
top: 50%;
left: 50%;
margin-top: -375px;
margin-left: -300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #333333;
font-size: 14px;
padding-top: 30px;
}

html {
height: 100%;
}

h2#boxheader {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-image: url(barra.jpg);
color: #000000;
border-top:5px solid #000000;
border-bottom:10px solid #000000;
position: fixed;
}

Grazie anticipatamente!!!

**Another-Life** · 19-09-2006, 20:26

Vorrei capire una cosa: hai letto bene le guide su html.it??

**fra84** · 20-09-2006, 00:46

si c ho studiato sopra!!! perchè?

**fra84** · 20-09-2006, 14:13

nessuno può aiutarmi?

**Another-Life** · 20-09-2006, 14:38

Posta la struttura del documento Xhtml.

**fra84** · 20-09-2006, 14:40

eccola:
<html>
<head>
<title>il sito dell'associazione sotterraneo</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style1.css">
<script type="text/javascript" language="JavaScript">

if(navigator.appName == "Microsoft Internet Explorer" &&
parseInt(navigator.appVersion) >= 4){
ie4 = true;
}
else {
ie4 = false;
}

function changeColor(){
if(ie4){
what = window.event.srcElement;
if(what.className == "link"){
if(what.style.color == "green"){
what.style.color = "lime";
}
else {
what.style.color = "green";
}
}
else {}
}
}

document.onmouseover = changeColor;
document.onmouseout = changeColor;

//-->
</script>

</head>
<body style="text-align:left">
<h2 id="boxheader"><img src=titolo.jpg> usi costumi e tradizioni</h2>
<div id=container1></div>

</html>

**Another-Life** · 21-09-2006, 15:40

Inanzitutto hai sbagliato ad inizio topic a scrivere la sezione del container1 dichiarandola come div#container2.Oltretutto vedo molte proprietà inutili che hai utilizzato.
Dovresti far contenere sia la sezione boxheader che container1 in una sezione genitore denominata di solito id="Container".
Dopo aver creato la struttura che ti serve assegni alla sezione Container tramite Css queste proprietà:
.....
text-align: center;
margin: 0 auto;
....
Un consiglio: Ci sono molti errori,tra cui la mancata chiusura dell'elemento body nell'ultimo post che hai scritto e altri che spero riuscirai a notare da solo.Di sicuro la prima cosa da fare se vuoi usare i Css non è postare qui sul forum ma leggerti le guide XD.

**fra84** · 27-09-2006, 15:03

T ringrazio per la risp..
nn sn molto pratico dei fogli di stile da cm hai potuto notare, ho postato sul forum perche cmq penso sia un posto da cui persone cm me possano attingere per imparare quello che nn sanno o nn hanno capito.. nel mio caso i div sn incomprensibili..

ho letto tante guide ma nn ha mai capito bene alcune cose..
cmq t ringrazio ancora..

ciao

Discussione: bloccare un div

Strumenti discussione

Ricerca discussione

Visualizza

bloccare un div

Permessi di invio