Dopo essermi letto le guide di html sui css ho deciso di provare a convertire il mio sitarello ai css, con firefox va tutto bene, con explorer ho due problemi.
1: il div contaner è più grosso di quelo che dovrebbe essere!
2: il div content, arrivato alla fine del div navigation (posto a sinistra) si sposta a sinistra, andando a mangiare lo spazio sottostante al div navigation che nelle mie intenzioni era vuoto.
Ovviamente la mia ignoranza in fatto di javascript mi rende praticamente impossibile lo sniffing dl browser (oltre al fatto che una volta individuato il browser non saprei come risolvere il problema)
Ecco il codice html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>home</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
@import url("base.css");
a#viewcss{color: #00f;font-weight: bold}
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="navigation">
<div class="sez">philosophy</div>
<div class="sez">moves</div>
<div class="sez">gallery</div>
<div class="sez">guestbook</div>
<div class="sez"><a href="people.htm">chi siamo</div>
<div class="sez">link</div>
</div>
<div id="content">
<h1>PHILOSOPHY</h1>
Quante volte avete visto gruppi di ragazzini scendere concatenando curve in
conduzione perfetta su piste lisce e dure come tavoli da bigliardo, tutti
con la stessa posizione, lo stesso stile, che fanno esattamente le stesse
cose?(qui la Giada se la prende:-)) Magari avete anche pensato che dovreste
cambiare questo o quello perchè ancora non ci siete, perchè ancora non siete
così "perfetti".
Questo sito nasce dalla volontà di comunicare l'idea che lo sci non
è questo o se non altro che non è solo questo, che non esiste la perfezione,
ma il tuo stile, che una cosa troppo perfetta è innaturale, che la pista battuta
limita i tuoi orizzonti e che lo scopo di uno sciatore è quello di trovare
il proprio stile esplorando continuamente nuovi limiti e nuovi orizzonti.
Per chi non l'avesse ancora capito stiamo parlando di freestyle, quel modo
di vedere il mondo che coinvolge tanti sport e che è stato la chiave del successo
dello snowboard, ma non il freestyle delle forzature e dei dettagli; noi cerchiamo
quello libero, senza regole, quello che ha come unico scopo quello di elevare
il proprio spirito e la propria mente spingendola fino a limiti sempre nuovi
(quello che ci spinge e scrivere cazzate ndr).
Per concludere...
Pain is temporary, glory is forever
(non è poi tanto vero, ma suona bene)
Last but not least: non prendersi mai troppo sul serio (fa male alla salute)
</div>
<div id="footer">© 1997-2006 - Tutto il materiale contenuto in questo sito è
di proprietà di Mad Cows Freestyle Team <a href="http://www.madcowspinzolo.altervista.org">Mad
Cows</a>
</div>
</div>
</body>
</html>
E questo è il css richiamato
/*stile per pagina con navigazione a sinistra tipo home*/
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;
background-image: url(img/sfondo%20generale.jpg);
}
/*stili generici, su header e footer*/
div#header{ color: #ff0; height: 120px}
h1,h2{margin: 0;padding:0}
h1{font: bold 1em/20px arial,serif}
h2{color: #000000;font-size: 1em}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}
/*stili specifici per il layout*/
div#navigation{float: left;
top: 120px; /*l' altezza dell' header*/
left: 0;
width: 120px; /*un po' di meno per evitare l' uso del padding*/
}
.sez{height: 40px; text-align:center; line-height: 40px}
div#content{
margin-left: 120px
top: 0px;
padding: 1em;
overflow: hidden;
}
div#footer{clear: left; text-align:center; padding: 0.5em;
background-color: #6699FF; color: #000; width: 760px}
/*stili per la navigazione*/
div#navigation a{color:#03C;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #000;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}
/*stili gallery*/
Spero che qualcuno mi sappia aiutare... tnx
Rispondi quotando
