Difference d'espace entre IE et Firefox

Marsh Posté le 29-04-2005 à 21:31:28

Coucou les gens :hello:
Mon probleme est que l'espace entre les differents grands regroupements de champs est different selon IE ou Firefox, mon but est que ca soit comme sur Firefox, savez ce que je dois faire pour que ca marche sour IE?

Code :

<html>
<head>
<title>IU Auditorium Front of House Net</title>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<style type="text/css" media="all">
form, label, input { font-size : 1em; }
fieldset { width : 55em; padding : 0.5em 1em; }
label { float: left; position : relative; width : 10em; display : inline; margin : .5em .5em; }
label.long { width : 21em; }
label input { display: inline; left : 100%; top : 0px; width : 10em; }
label.long input { width : 21em; }
input.submit { margin-left : 15em; }
br { clear: both; }
</style>
</head>
<body>
<table id="table1" style="BORDER-COLLAPSE: collapse" cellpadding="0" width="750" border="0">
<tbody>
<tr>
<td>
<h1 align="center"><img height="83" src="foh_net_header.gif" width="288" border="0" />
</h1>
<span style="PADDING-LEFT: 10px">
<p align="center">
<b>Welcome <First Name> <Last Name>, <type></b>
</p>
<p align="center">
<span><b><font color="#0000ff"><u>Announcements</u></font>  |  My Contact
Information  |  <font color="#0000ff"><u>My Schedule</u></font>  |  <font color="#0000ff"><u>Contact
the Staff</u></font>  |  <u><font color="#0000ff">Exit Survey</font></u> </b></span>
</p>
<form action="--WEBBOT-SELF--" method="post">
<p align="left">
<b>Please update your contact information.  Please note that all non-editable
contact information is pulled from your OneStart account.  If you notice incorrect
information in these fields, please visit OneStart to make any necessary corrections. 
All other asterisked fields are required.   </b>
</p>
<fieldset>
<legend>Name Information
</legend>
<label>IU Network ID
<input type="text" name="first_name" /></label> <label>University ID 
<input type="text" name="last_name" /></label>
<br />
<label>Last Name
<input type="text" name="email" /></label> <label>Middle Name/Initial
<input type="text" name="tel" /></label> <label>First Name<input type="text" name="tel" /></label>
</fieldset>
<fieldset>
<legend>Campus/Bloomington Address Information
</legend>
<label class="long">Address 1
<input type="text" name="first_name" /></label> <label class="long">Address 2/Apt
<input type="text" name="last_name" /></label>
<br />
<label>City
<input type="text" name="email" /></label> <label>State:
<input type="text" name="tel" /></label> <label>Zip Code
<input type="text" name="tel" /></label>
</fieldset>
</form>
</span></td>
</tr>
</tbody>
</table>
</body>
</html>

J'ai pis mis le code entier, si vous avez des questions ou des indices qui permettraient de m'aider, j'en serais ravi.

Reply

Marsh Posté le 29-04-2005 à 21:31:28

Reply

Marsh Posté le 29-04-2005 à 23:05:06

commence déja par virer ce tableau...

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 29-04-2005 à 23:17:06

oui j'ai vu que vous disiez que les tableaux c'est le mal, mais je voyais pas comment faire bien sans.

Reply

Marsh Posté le 29-04-2005 à 23:28:26

http://css.alsacreations.com/
http://openweb.eu.org/

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 02-05-2005 à 04:41:09

Pour une raison mystérieuse et encore inconnue à ce jour, il prend parfois à IE l'idée saugrenue de doubler la valeur des marges des <div>. Pas de solutions sous la main, mais ça explique peut-être ton problème.

Reply

Marsh Posté le 02-05-2005 à 09:42:37

Mitternacht a écrit :

Pour une raison mystérieuse et encore inconnue à ce jour, il prend parfois à IE l'idée saugrenue de doubler la valeur des marges des <div>. Pas de solutions sous la main, mais ça explique peut-être ton problème.

[:mlc]

Toi, faut que t'arrêtes, le fix pour ce bug est connu [:spamafote]
http://www.positioniseverything.ne [...] argin.html