Home/ Questions/Q 155331
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T10:08:11+00:00

I have following code in html: <div> <div style=float:left;margin:0.5em> <span class=title>Label1</span><br/> <input type=text name=name1

  • 0

I have following code in html:

<div>   <div style='float:left;margin:0.5em'>     <span class='title'>Label1</span><br/>     <input type='text' name='name1' size='8' />   </div>   <div style='float:left;margin:0.5em'>     <span class='title'>Label2</span><br/>     <input type='text' name='name2' size='12' />   </div>   <div style='float:left;margin:0.5em'>     <span class='title'>Label3</span><br/>     <input type='text' name='name3' size='12' />   </div>   <div style='float:left;margin:0.5em'>           <span class='title'>Label4</span><br/>     <select name='name4'>       <option value='m'>value1</option>       <option value='f'>value2</option>     </select>   </div>   <div style='float:left;margin:0.5em'>     <span class='title'>Label5</span><br/>     <input type='text' name='name5' size='8' />   </div> </div>

In Mozilla Firefox and Google Chrome it looks all right: firefox and chrome look http://jakub.sturc.info/data/so-labeled-inputs-chrome.png

However in Internet Explorer 7 it is slightly malformed: malformed IE7 look look http://jakub.sturc.info/data/so-labeled-inputs-ie7.png

Do you have any tips how to force IE to render desired output?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. since you are using no reset css I would recommend a shortcut would be to change the margin to padding instead on the wrapper divs which will be consistent between browsers.

    Not the best technique but simplest in your case.

    • 0