[Nifty] layout due colonne

**pgm** · 03-10-2006, 16:14

Ciao a tutti

ho creato un layout con 2 colonne e 1 header. Di seguito voglio applicare gli angoli arrotondati con niftycube.

Sembrava semplice e probabilente lo è (

) ma non riesco proprio a far visualizzare gli angoli arrotondati.
vi posto codice:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title></title>
<style type="text/css">
html,body{margin:0;padding:0}
body{font:14px arial,sans-serif;text-align:center}
div#container{width:800px;margin: 0 auto;border:1px solid #000000;}
div#sx{float:left;margin: 0px auto; background-color:#FFFFFF;
border:1px solid #FF7800;width:200px;height:400px;}
div#dx{background-color:#FFFFFF;border:1px solid #FF7800;/*border-style:dashed*/;
vertical-align:top;width:590px;height:400px;text-align:left}
div#header{background-color: #FFFFFF;border:1px solid #FF7800;height: 100px;}
</style>

<script type="text/javascript" src="./js/niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#header,div#sx,div#dx","none same-height");
}
</script>

</head>
<body>
<div id="container">
  <div id="header">header</div>
  <div id="sx">sinistro</div>
  <div id="dx">destro</div>
</div>
</body>
</html>

Potete darmi una mano a capire il perchè?

Grazie a tutti

**Mich_** · 03-10-2006, 16:56

Sposto in JS, dato che i "Nifty" sono realizzati con tale linguaggio.

**pgm** · 03-10-2006, 17:01

ops.

grazie per avermi spostato

**Xinod** · 03-10-2006, 17:26

sbaglio o quel none suona tanto come "no, non li voglio gli angoli arrotondati"?

Nifty("div#header,div#sx,div#dx","same-height");

**pgm** · 03-10-2006, 17:33

Originariamente inviato da Xinod
sbaglio o quel none suona tanto come "no, non li voglio gli angoli arrotondati"?

Nifty("div#header,div#sx,div#dx","same-height");

anche togliendo il none, nulla di fatto.

**pgm** · 03-10-2006, 18:36

Mi succede una cosa strana.

Sto seguendo questa miniguida http://css.html.it/articoli/leggi/16...ai-cosi-fac/4/

Scaricando il file zip contenete i file necessari, trovo niftyCorners.css. Secondo me il js non carica dinamicamente il css almeno da me in locale. infatti ho copiato pari pari l'esempio per il layout e mi appare totalmente senza bordy arrotondati.

no capisco.

a qualcuno è successo?

**pgm** · 04-10-2006, 09:16

confermato.

se il file js e il css non si trovano nella stessa cartella del file che li usa, Nifty non sembra funzionare correttamente.

Ora vorrei sapere se qualcuno ha avuto gli stessi problemi, se devo riferire all'autore dell'articolo su html.it o se (come più probabile) ho le traveccole

**Fulciniti** · 04-10-2006, 09:48

Si, il javascript e il CSS vanno nella stessa cartella. Se ci fossero esigenze particolari, puoi sempre linkare il CSS nell' <head> della pagina: in questo modo sei sicuro che funzionano.

**pgm** · 04-10-2006, 10:22

Originariamente inviato da Fulciniti
Si, il javascript e il CSS vanno nella stessa cartella. Se ci fossero esigenze particolari, puoi sempre linkare il CSS nell' <head> della pagina: in questo modo sei sicuro che funzionano.

Ciao Alessandro

Innanzitutto complimenti per la mini-guida e complimenti per nifty corners.

Grazie per aver risposto.

Varei un'altra cosa da chiedere. Se in un layout metto l'altezza dei div fissa non riesco ad arrotondare nulla. Allora ho usato un div annidato per dare l'altezza voluta.

Secondo te può essere una soluzione?

Grazie ancora

**Fulciniti** · 04-10-2006, 10:59

Si usare un div aggiuntivo va bene. Altrimenti puoi provare con l'opzione "fixed-height", ma dà purtroppo differenti rese sui browser con altezza e padding verticali impostati.

Discussione: [Nifty] layout due colonne

Strumenti discussione

Ricerca discussione

Visualizza

[Nifty] layout due colonne

Permessi di invio