layout fisso

**Cecedj** · 14-06-2007, 13:52

Ciao a tutti,utilizzando questo codice di htlmcome faccio impostare a 800x600?è giusto cosi?
e poi nel div id content come faccio a bloccare es: a 300px fisso?
/*stili per il layout fisso con altezza minima*/
html,body{margin: 0;padding:0;height:600px; }
body{
font-family: arial,sans-serif;
font-size: 76%;
text-align: center;
}
div#container{position:relative; width: 760px; height: 300px;margin: 0 auto;
text-align: left; border-left: 2px solid #36c;border-right: 2px solid #36c}
body>div#container{
height:450px;
min-height:100%;
background-color: #CCCCCC;
}
div#footer{position: absolute;bottom:0; width: 100%; padding: 0.5em 0;
background-color: #999900; color: #000000;text-align:center;}

/*stili generici, su header e footer*/
div#header{background-color:#999900;color: #FF00FF}
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 a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{background-color:#00FFFF}
div#content{padding: 1em 1em 5em}

/*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:#FF00FF;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: #033;text-decoration: none}

Grazie a tutti :-)

**ricman** · 14-06-2007, 15:03

Originariamente inviato da Cecedj
Ciao a tutti,utilizzando questo codice di htlmcome faccio impostare a 800x600?è giusto cosi?
e poi nel div id content come faccio a bloccare es: a 300px fisso?

Dai un'occhiata qui

**Cecedj** · 17-06-2007, 12:17

ancora problemi,dovrei aver risolto pero' credo che ci sono degli erorri mi potete dare una mano con i css grazie mille ecco il codice
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>bbbbbbbbbbb</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/*stili per il layout fisso*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{width: 760px;margin: 0 auto ;text-align: left;
border-left: 2px solid #36c;border-right: 2px solid #36c}

/*stili generici, su header e footer*/
div#header{background-color:#36C;color: #ff0}
h1,h2{margin: 0;padding:0}

h1{padding-left :0.5em;font: bold 2.3em/80px arial,serif}
h2{
color: #99FF00;
font-size: 1.5em;
text-align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#footer{text-align:center;padding: 0.5em;
background-color: #69c; color: #000}

/*stili specifici per il layout*/
div#navigation{background-color:#FF00FF}
div#content{
padding: 1em;
display: block;
height:380px;
}

/*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:#000000;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: #033;text-decoration: none}

</style>
</head>

<body>
<div id="container">

<div id="header">
<h1>scrittalogo </h1>
<h2>frase</h2>
</div>
<div id="navigation">
<ul>[*]1 [*]2[*]3[*]4[*]5[/list]

</div>
<div id="content">qua dovrebbe essere alto 400px .ci si scrive il testo da sinistra blla bla blabal

</div>
<div id="footer">bla bla bla

</div>
</div>
</body>
</html>

**Cecedj** · 18-06-2007, 02:06

nessuno che mi da una mano:-( ;-)

**Myaku** · 18-06-2007, 07:21

Originariamente inviato da Cecedj
ancora problemi,dovrei aver risolto pero' credo che ci sono degli erorri

magari, dicci quali sono i problemi prima che ci andiamo ad esaminare tutto il codice.

Una cortesia, la prossima volta che posti il codice usa il tag code e indentalo un po' meglio, altrimenti si fa fatica a leggerlo.

Cyà

**Cecedj** · 18-06-2007, 12:45

inteoria dorebbe essere giusto ma siccome che cono all'inizio,volevo sapere da voi eseprti se il codice è corretto su firefox e i.e. mi sembra ok,dovrebbe essere 800x600 grazie ancora

Discussione: layout fisso

Strumenti discussione

Ricerca discussione

Visualizza

layout fisso

Re: layout fisso

Permessi di invio