Ciao a tutti
sto facendo una pagina web e ho riscontrato un problema... che in base alla risoluzione e al browser che utilizzo cambia la struttura dei miei div.... qualcuno conosce una funzione js che permetta di visualizzare la pagina allo stesso modo su tutti i browser e con tutte le risoluzioni?
vi posto il codice della struttura..:
Home:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css3.css">
</head>
<body>
<div id="top">
</div>
<div id="middle">
<div id="left">
</div>
<div id="center">
</div>
<div id="right">
</div>
</div>
<div id="bottom">
</div>
</body>
</html>
CSS:
#top{
width:100%;
height:22%;
border:1px solid black;
}
#middle{
width:100%;
height:72%;
border:1px solid black;
position:relative;
}
#bottom{
width:100%;
height:5%;
border:1px solid black;
position: relative;
}
#left{
top:0%;
left:0%;
width:18%;
height:100%;
border:1px solid black;
position:absolute;
}
#center{
top:0%;
left:18%;
width:62%;
height:100%;
border-left:1px solid #00A8E2;
position:absolute;
overflow: auto;
}
#right{
top:0%;
left:80%;
width:20%;
height:100%;
border:1px solid black;
position:absolute;
}
vi ringrazio^^
Rispondi quotando
