xhtml e "fieldset" in netscape

**mdsjack** · 13-05-2003, 21:42

...ma c'è un limite al parametro height nei css??? no perchè con explorer anche se i fieldset nn vanno oltre una certa altezza con gli elementi che ci sono dentro si allungano, ma questo nn succede con NS, che mi tronca a metà il form che c'è dentro...

se volete vi posto la pagina. MA sto problema si può risolvere???

ciao,
jack.

**Mich_** · 14-05-2003, 08:36

Non so se ho capito bene la domanda, ci provo, comunque.

E` una cosa nota da tempo (almeno dalle versioni 4 di NN e IE): alcuni browser iniziano a sistemare i box a partire dall'interno, altri a partire dall'esterno.
Alcuni si fidano piu` delle dimensioni definite nel tag, altri delle dimensioni degli oggetti contenuti.

Non so se c'e` soluzione: il consiglio del W3C e` di dare sempre misure %, in modo da lasciare liberta` al browser di sistemare gli oggetti in base alle costrizioni del client. Pero` e` vero che non sempre e` possibile (ad esempio con immagini fisse).

Ciao
Michele

**mdsjack** · 14-05-2003, 14:28

nn so, io mi occupo di html solo a livello amatoriale, ma penso che sia anche dovuto dal fatto che "fieldset" nn è poi un tag così nuovo...:quipy:

comunque ti posto due sshots della pagina:

Explorer:

Netscape:

hai capito cosa dico? poi nel caso in cui ci siano dei campi input.text nn me li mostra proprio, rimangono "sotto"...

**Mich_** · 14-05-2003, 16:54

Ho capito.

Mi sa che devi postare anche il CSS che usi, altrimenti non possiamo aiutarti.

Ciao
Michele

**mdsjack** · 14-05-2003, 20:11

intanto grazie mille x l'aiuto, i css sono semplicissimi:

codice:

body			{ background-color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px }
h1				{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #000000; font-weight: bold }
h2				{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #6699CC; font-weight: bold; text-decoration: underline }
.wrong			{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #CD7065; font-weight: bold }
.right			{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #3CB371; font-weight: bold }
.gray			{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #808080; font-weight: normal; padding-left:5px }
a				{ font-weight: bold; color: #000000; text-decoration: none }
a:active		{ font-weight: bold; color: #000000; text-decoration: none }
a:visited		{ font-weight: bold; color: #000000; text-decoration: none }
a:hover			{ font-weight: bold; color: #6699CC; text-decoration: underline }
span.date		{ color: #3CB371; padding-right: 10px }
img				{ vertical-align: middle }
input.text		{ font-family: Tahoma; font-size: 11px; width: 150px }
input.button	{ font-family: Tahoma; font-size: 11px; width: 100px }
textarea		{ font-family: Tahoma; font-size: 11px }
span.step		{ color: #FFCC00; font-size: 25px; font-weight: bold; padding-right: 10px; position: relative; top: 4px }
div.line		{ text-align: center; height: 1px; position: relative; top: 0px }
div.intro		{ color: #000000; background-color: #FFFFFF; padding: 5px; width: 98%; height: 100px; text-align: center; font-size: 100% }
div.install		{ background-color: #F1F1F1; color: #808080; position: relative; left: 0px; width: 575px; height: 40px; margin-top: 5px; margin-bottom: 5px; padding: 5px }
div.features	{ background-color: #FFFFFF; position: relative; top: 0px; left: px; text-align: left; width: 100%; height: 110px }
div.form		{ display: none; position: absolute; background-color: #FFFFFF; width: 210px; height: 220px; text-align: center; padding: 0px }
div.licence		{ display: none; position: relative; background-color: #FFFFFF; width: 585px; height: 300px; text-align: center; padding: 0px }
div.database	{ display: none; position: relative; background-color: #FFFFFF; width: 585px; height: 300px; text-align: center; padding: 0px }

aspetto una risposta!

**K2208** · 14-05-2003, 20:54

attenzione al position relative e absolute...
credo sia quello il problema

**mdsjack** · 14-05-2003, 21:43

non credo... c'è un errore nel css

:tongue:

il div.form non è più usato...

quindi è tutto relative...

**K2208** · 14-05-2003, 21:51

Originariamente inviato da mdsjack
non credo... c'è un errore nel css

:tongue:

il div.form non è più usato...

quindi è tutto relative...

manda anche l'(x)html tagliando le parti superflue.

**mdsjack** · 15-05-2003, 17:31

codice:

<!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" lang="en">  
<head>
<style type="text/css">
<!--
body			{ background-color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px }
h1				{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #000000; font-weight: bold }
h2				{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #6699CC; font-weight: bold; text-decoration: underline }
.wrong			{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #CD7065; font-weight: bold }
.right			{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #3CB371; font-weight: bold }
.gray			{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #808080; font-weight: normal; padding-left:5px }
a				{ font-weight: bold; color: #000000; text-decoration: none }
a:active		{ font-weight: bold; color: #000000; text-decoration: none }
a:visited		{ font-weight: bold; color: #000000; text-decoration: none }
a:hover			{ font-weight: bold; color: #6699CC; text-decoration: underline }
span.date		{ color: #3CB371; padding-right: 10px }
img				{ vertical-align: middle }
input.text		{ font-family: Tahoma; font-size: 11px; width: 150px }
input.button	{ font-family: Tahoma; font-size: 11px; width: 100px }
textarea		{ font-family: Tahoma; font-size: 11px }
span.step		{ color: #FFCC00; font-size: 25px; font-weight: bold; padding-right: 10px; position: relative; top: 4px }
div.line		{ text-align: center; height: 1px; position: relative; top: 0px }
div.intro		{ color: #000000; background-color: #FFFFFF; padding: 5px; width: 98%; height: 100px; text-align: center; font-size: 100% }
div.install		{ background-color: #F1F1F1; color: #808080; position: relative; left: 0px; width: 575px; height: 40px; margin-top: 5px; margin-bottom: 5px; padding: 5px }
div.features	{ background-color: #FFFFFF; position: relative; top: 0px; left: px; text-align: left; width: 100%; height: 110px }
div.form		{ display: none; position: absolute; background-color: #FFFFFF; width: 210px; height: 220px; text-align: center; padding: 0px }
div.licence		{ display: none; position: relative; background-color: #FFFFFF; width: 585px; height: 300px; text-align: center; padding: 0px }
div.database	{ display: none; position: relative; background-color: #FFFFFF; width: 585px; height: 300px; text-align: center; padding: 0px }
div.control		{ }
-->
</style>
</head>
<body scrolling="no">
<h1>[img]tool.gif[/img]MJGUEST CONFIGURATION SETUP</h1>
<div class="line">
  

[img]line.gif[/img]</p>
</div>
<div class="install">
  

<span class="step">1</span>Read the licence agreement and press &quot;I Agree&quot; to proceed.</p>
</div>
<div class="install">
  

<span class="step">2</span>Insert all required information about database and web space. Known information will be given automatically.</p>
</div>
<div class="install">
  

<span class="step">3</span>If given data are correct MJGUEST will start, otherwise you will be asked to modify wrong parameters.</p>
</div>
<div class="line">
  

[img]line.gif[/img]</p>
</div>
<div class="control"> 
  

Checking parameters...</p>
  <p class="gray">MySQL Host:<span style="padding-left:10px" class="right">OK</span></p>
  <p class="gray">MySQL Username:<span style="padding-left:10px" class="right">OK</span></p>
  <p class="gray">MySQL Password:<span style="padding-left:10px" class="right">OK</span></p>
  <p class="gray">MySQL Name:<span style="padding-left:10px" class="wrong">WRONG</span></p>
  <p class="gray">Writeable folder:<span style="padding-left:10px" class="right">OK</span></p>
  

Not all parameters are correct. Please choose "Go Back" and modify them.</p>
  <form method="post" action="?step=4">
    <input class="button" style="font-weight:bold" type="submit" value="Install" disabled />
    <input class="button" type="button" value="Go back" onclick="javascript:location.href=history.back();" />
  </form>
</div>
<div class="database"> 
  <form method="post" action="">
    <fieldset style="height:199px;">
    <legend style="color:#6699CC;font-weight:bold;padding-right:5px">Database - FTP parameters </legend>
      <div align="left">

Database Host

        <input class="text" type="text" value="" /><span class="gray">The host of your MySQL remote database. Ask provider.</span></p>
        

Database Username

        <input class="text" type="text" value="" /><span class="gray">The username to enter your database.</span></p>
        

Database Password

        <input class="text" type="text" value="" /><span class="gray">The password to enter your database.</span></p>
        

Database Name

        <input class="text" type="text" value="" /><span class="gray">The name of your remote database.</span></p>
        

Writeable folder

        <input class="text" type="text" value="" /><span class="gray">Relative path from MJGUEST main directory to a writeable folder. Ask provider.</span></p>
      

      </div>
      <input class="button" type="submit" value="Check data" />
      <input class="button" type="reset" value="Clear form" />
    </fieldset>
  </form>
</div>
<div class="licence"> 
  <form method="post" action="">
    <fieldset style="height:199px;">
    <legend style="color:#6699CC;font-weight:bold;padding-right:5px">Licence Agreement</legend> 
 	  
<textarea name="licence" rows="20" cols="105">
 	  TESTO LICENZA
 	  </textarea>


      <input class="button" type="submit" value="I Agree" /> <input class="button" type="button" value="I Do Not Agree" onclick="javascript:alert('testo...');" />
    </fieldset>
  </form>
</div>
</body>
</html>

cosa ne pensi?

**K2208** · 15-05-2003, 20:00

"div.licence" deve essere ".licence"
cancella il "display:none" di licence
e setta un'altezza ottimale io ho messo 100px

quello che ne viene fuori è questo e sembra funzionare bene:

codice:

<!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" lang="en">  
<head>
<style type="text/css">
<!--
body			{ background-color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px }
h1				{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #000000; font-weight: bold }
h2				{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #6699CC; font-weight: bold; text-decoration: underline }
.wrong			{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #CD7065; font-weight: bold }
.right			{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #3CB371; font-weight: bold }
.gray			{ font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; color: #808080; font-weight: normal; padding-left:5px }
a				{ font-weight: bold; color: #000000; text-decoration: none }
a:active		{ font-weight: bold; color: #000000; text-decoration: none }
a:visited		{ font-weight: bold; color: #000000; text-decoration: none }
a:hover			{ font-weight: bold; color: #6699CC; text-decoration: underline }
span.date		{ color: #3CB371; padding-right: 10px }
img				{ vertical-align: middle }
input.text		{ font-family: Tahoma; font-size: 11px; width: 150px }
input.button	{ font-family: Tahoma; font-size: 11px; width: 100px }
textarea		{ font-family: Tahoma; font-size: 11px }
span.step		{ color: #FFCC00; font-size: 25px; font-weight: bold; padding-right: 10px; position: relative; top: 4px }
div.line		{ text-align: center; height: 1px; position: relative; top: 0px }
div.intro		{ color: #000000; background-color: #FFFFFF; padding: 5px; width: 98%; height: 100px; text-align: center; font-size: 100% }
div.install		{ background-color: #F1F1F1; color: #808080; position: relative; left: 0px; width: 575px; height: 40px; margin-top: 5px; margin-bottom: 5px; padding: 5px }
div.features	{ background-color: #FFFFFF; position: relative; top: 0px; left: px; text-align: left; width: 100%; height: 110px }
div.form		{ display: none; position: absolute; background-color: #FFFFFF; width: 210px; height: 220px; text-align: center; padding: 0px }
.licence		{ position: relative; background-color: #FFFFFF; width: 585px; height: 100px; text-align: center; padding: 0px }
div.database	{ display: none; position: relative; background-color: #FFFFFF; width: 585px; height: 300px; text-align: center; padding: 0px }
div.control		{ }
-->
</style>
</head>
<body scrolling="no">
<h1>[img]tool.gif[/img]MJGUEST CONFIGURATION SETUP</h1>
<div class="line">
  

[img]line.gif[/img]</p>
</div>
<div class="install">
  

<span class="step">1</span>Read the licence agreement and press "I Agree" to proceed.</p>
</div>
<div class="install">
  

<span class="step">2</span>Insert all required information about database and web space. Known information will be given automatically.</p>
</div>
<div class="install">
  

<span class="step">3</span>If given data are correct MJGUEST will start, otherwise you will be asked to modify wrong parameters.</p>
</div>
<div class="line">
  

[img]line.gif[/img]</p>
</div>
<div class="control">
  

Checking parameters...</p>
  <p class="gray">MySQL Host:<span style="padding-left:10px" class="right">OK</span></p>
  <p class="gray">MySQL Username:<span style="padding-left:10px" class="right">OK</span></p>
  <p class="gray">MySQL Password:<span style="padding-left:10px" class="right">OK</span></p>
  <p class="gray">MySQL Name:<span style="padding-left:10px" class="wrong">WRONG</span></p>
  <p class="gray">Writeable folder:<span style="padding-left:10px" class="right">OK</span></p>
  

Not all parameters are correct. Please choose "Go Back" and modify them.</p>
  <form method="post" action="?step=4">
    <input class="button" style="font-weight:bold" type="submit" value="Install" disabled />
    <input class="button" type="button" value="Go back" onclick="java script:location.href=history.back();" />
  </form>
</div>
<div class="database"> 
  <form method="post" action="">
    <fieldset style="height:199px;">
    <legend style="color:#6699CC;font-weight:bold;padding-right:5px">Database - FTP parameters </legend>
      <div align="left">

Database Host

        <input class="text" type="text" value="" /><span class="gray">The host of your MySQL remote database. Ask provider.</span></p>
        

Database Username

        <input class="text" type="text" value="" /><span class="gray">The username to enter your database.</span></p>
        

Database Password

        <input class="text" type="text" value="" /><span class="gray">The password to enter your database.</span></p>
        

Database Name

        <input class="text" type="text" value="" /><span class="gray">The name of your remote database.</span></p>
        

Writeable folder

        <input class="text" type="text" value="" /><span class="gray">Relative path from MJGUEST main directory to a writeable folder. Ask provider.</span></p>
      

      </div>
      <input class="button" type="submit" value="Check data" />
      <input class="button" type="reset" value="Clear form" />
    </fieldset>
  </form>
</div>
<div class="licence"> 
  <form method="post" action="">
    <fieldset style="height:199px;">
    <legend style="color:#6699CC;font-weight:bold;padding-right:5px">Licence Agreement</legend> 
 	  
<textarea class="licence" rows="5" cols="105">
 	  TESTO LICENZATESTO
 	  </textarea>


      <input class="button" type="submit" value="I Agree" /> <input class="button" type="button" value="I Do Not Agree" onclick="java script:alert('testo...');" />
    </fieldset>
  </form>
</div>
</body>
</html>

Discussione: xhtml e "fieldset" in netscape

Strumenti discussione

Ricerca discussione

Visualizza

xhtml e "fieldset" in netscape

Permessi di invio