Salve a tutti,sto cercando di sistemare il codice css che vada bene con tutti i browers.Vorrei ce con i css fosse 800 per 600 ma non ho capito come devo fare qua vi metto il codice.Ah vorrei impostare anche una tabella con il bordo nnaturalmente tutto centrato,per interderci come il sito di opera Chi mi da una mano per alleggerilo ho almeno dei consigli per caprire?ps:come notereta sono alle prime armi siate pazienti :-) tnx in anticipo
cosice css:
/*stili per il layout fluido*/
body{
text-align: center; /*centra in IE 5.x */
}
div#container{
width: 800px;
margin: 0px auto; /*centra negli altri browsers*/
text-align: center; /*ripristina l' allineamento*/
height: 600px;
}
/*stili generici, su header e footer*/
div#header{background-color:#36C;color: #999900}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer{text-align:center;padding: 0.5em;
background-color: #69c; color: #000}
div#footer a{
color: #fff;
font-weight: bold;
text-decoration: underline;
background-color: #FFFFFF;
}
/*stili specifici per il layout*/
div#navigation{background-color:#9cf}
div#content{padding: 1em}
body{
text-align: center; /*centra in IE 5.x */
}
div#container{
width: 760px;
margin: 0px auto; /*centra negli altri browsers*/
text-align: left; /*ripristina l' allineamento*/
}
/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:#369;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #fff;text-decoration: underline}
div#navigation a#activelink{color: #CC9900;text-decoration: none}
codice html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>xxx </title>
<link rel="stylesheet" type="text/css" href="nd.css" />
<style type="text/css">
<!--
.Stile1 {color: #FFFFFF}
-->
</style>
</head>
<body>
<div id="header">
<h1 align="left">none del logo</h1>
</div>
<div id="navigation">
<ul>[*] 1 [*]2[*]3[*]4[*] 5[/list]
</div>
<div align="center" style="width: 700px; height: 500px; border : 1px solid #cca; height: auto; overflow: hidden; ">
<p style="width: 109px; float: left; display: inline; border : 1px solid #acc;">
testo
</p>
</div>
</body>
</html>
Rispondi quotando
