login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Fieldset doet lastig (Opgelost)

Offline Abbas - 14/11/2008 17:46 (laatste wijziging 14/11/2008 17:47)
Avatar van AbbasGouden medaille

Crew .NET		 Ik heb een fieldset met daarin een ul. Dit is de css-code die bij de fieldset hoort:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. fieldset 
  2. {
  3.     -moz-border-radius: 8px; 
  4.     border-radius: px;
  5.     background-color: Transparent;
  6.     height: 20px;
  7. }

Het probleem is dat dit niet hetzelfde resultaat geeft in IE en FF. In Firefox is de hoogte van de fieldset veel groter. Weet iemand hoe dit komt? Zo ja, hoe kan ik dat aanpassen zodat het hetzelfde resultaat geeft in IE en in FF?

2 antwoorden

Gesponsorde links
Offline JBke - 15/11/2008 09:02 (laatste wijziging 15/11/2008 09:12)
Avatar van JBke PHP gevorderde ik heb het volgende voor en fieldset:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. fieldset {
  2. 	border: 1px solid #6C757A;
  3. 	background-color: #F0F0F0;
  4. 	position: relative;
  5. 	margin: 10px 3px 10px 3px;
  6. 	padding: 10px 10px 10px 10px;
  7. 	margin-bottom: 10px;
  8. }
  9. fieldset.inline {
  10. 	border: 1px solid #6C757A;
  11. 	background-color: #E0E0E0;
  12. 	position: relative;
  13. 	margin: 10px;
  14. 	padding: 10px 10px 10px 10px;
  15. }
  16. legend {
  17. 	font-size: 12px;
  18. 	font-weight: bold;
  19. 	color: #6C757A;
  20. 	position: absolute;
  21. 	top: -.5em;
  22. 	left: .5em;
  23. 	margin: 0px 0px 0px 2px;
  24. 	padding: 0px 10px 0px 10px;
  25. 	z-index: -1;
  26. }
  27. fieldset div.formcontainer {
  28. 	margin-top: 0px;
  29. 	margin-bottom: 4px;
  30. 	margin-left: 4px;
  31. 	margin-right: 4px;
  32. 	background-color: #FFFFFF;
  33. }


de fieldset zelf ziet er zo uit:

html code - Bekijk de code zonder highlighting - Klap code in 
  1. <form name="{$objectname.singular|lower}" title="{$recordname.singular} formulier" action="/{$requestparams.module}/{$requestparams.controller}/{$action}/" method="{$form.meta.method}" accept-charset="{$form.meta.charset}">

  2.         <table cellpadding="0" cellspacing="0" width="900px">

  3.             <tr>

  4.                 <td width="50%" valign="top">

  5.                     {* <!-- ALGEMEEN -->*}

  6.                     <fieldset>

  7.                         <legend>Fiche Toevoegen</legend>

  8.                             {*<!-- FORM ERRORS -->*}

  9.                             {if $form.errors}

  10.                                 <div align="center">

  11.                                     {include file=$script_paths.global|cat:"/form/errors.tpl" form_errors=$form.errors}

  12.                                 </div>

  13.                             {/if}

  14.                             {*<!-- ACTION RESULT -->*}

  15.                             {if $act_result}

  16.                             	{include file=$script_paths.global|cat:"inc/actionresult.tpl" timeout=0 act_result=$act_result}

  17.                             {/if}

  18.                             <div class="formcontainer">

  19.                                  <!-- de rest van je form -->

  20.                             </div>

  21.                     </fieldset>

  22. 				</td>

  23.                 </td>

  24.             </tr>

  25.         </table>

  26.     </form>


op deze manier kan je perfect spelen met de margins en paddings om een fieldset er identiek in FF, IE 6 en 7 te laten uitzien, Safari reageert hier ook goed op.

Grtz.
Offline Abbas - 15/11/2008 11:11
Avatar van Abbas Gouden medaille

Crew .NET		 Bedankt voor je reactie, ik zal eens zien wat ik hiermee kan! 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.168s