double margin bug in ie without floats!?

I have a really strange layout bug in a web page, that only appears in IE. An INPUT element inside a DIV is getting an extra left margin, the same as the parent DIV has been given.

It is as if the old "double margin on floats" was kicking in, but there are no floats in this layout! And it only affects the INPUT, not text or a SELECT within the same DIV...
I would really need some pointers on how to attack this.

Thanks / Mike

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>

  <head>

    <title>inputmargin.html</title>

  </head>

  <body>

    <div style="width: 35em; background-color: blue;">

      <div style="width: 20em; margin-left: 10em; background-color: green;">

        This input gets an extra 10em margin:<br>

        <input type="text">

        <br>

        But this dropdown doesn't:<br>

        <select></select>

      </div>

    </div>

  </body>

</html>

Sep 13 '06 #1

Subscribe Post Reply

2876

drhowarddrfine

7,435

Expert 4TB

Yes, this is an IE bug (among a bazillion others). The only fix I am aware of is to enclose the inputs in a <p>. I don't recall much beyond that.

Sep 13 '06 #2

mikewse

Hi - thanks for the input!
So you don't reckon there is a way to fix this in CSS only, without adding additional markup?
(Trying to do layouts with semantically clean markup is a challenge...;-)

Best regards
Mike

Sep 13 '06 #3

drhowarddrfine

7,435

Expert 4TB

Well, IE sometimes forces you to do goofy things. Inputs need to be enclosed anyway so there's nothing wrong with doing that. You'll eventually need the form element so:
<form>
<p>
<input .....>
</p>
</form>

or you could/should look into fieldsets. I don't know if you'll have the same problem though.

Sep 13 '06 #4

mikewse

My complete page actually has both <form> and <fieldset> wrapping the shown markup, but unfortunately they don't improve this particular problem.
Thanks for the help!
Best regards
Mike

Sep 14 '06 #5

by: trialanderror | last post by:

I've been happily chugging along thinking I understood floating divs and now find that I know a lot less than I thought I did. And the more I try "fixing" things, the worse it gets. A lot of what...

HTML / CSS

Right margin stuck on viewport edge

by: Warren Post | last post by:

Here's a problem I've never seen before. On <http://snow.prohosting.com/srcopan/anti/>, should the viewport width be less than the width of the page's header, then the right margin becomes stuck...

HTML / CSS

margin-top on HR, DL with floated DDs

by: Marek Mänd | last post by:

I have question regarding (clearing) floats and margin-top on DL and HR elements. http://www.hot.ee/idaliiga/testcases/dl/language-chosing-selector.htm Namely the IE6 doesnt calculate the...

HTML / CSS

Table Margin Inside Multiple Div Problem on IE

by: tbcarver | last post by:

I have a table that I am trying to add a bottom margin to in IE. I have found that if the table is inside more than 1 div then the shape of the containing div collapses. Please look at this...

HTML / CSS

making a bottom margin

by: meltedown | last post by:

I have 2 left floating divs on a page. Sometime the left side is larger, sometimes the right side is larger. I want the page to have a margin at the bottom of whichever div is the largest. If I...

HTML / CSS

CSS border/margin width and percentage width

by: Hacking Bear | last post by:

Hi, I still don't quite fully understand how to handle mixing border/margin pixel width with percentage width. In the example below, I want to place side-by-side two DIV boxes inside a box....

HTML / CSS

double vs float

by: subramanian100in | last post by:

In the post with heading "Learning C - Scanf or Getch, or Getchar not working correctly after first loop" that appears in today's list in comp.lang.c, it has been mentioned in the answer to this...

C / C++

How do I get PHP to respect my MYSQL double() data type?

by: John Moore | last post by:

My mysql data type is double(16,2) with '0.00' specified as default. These represent dollars and cent amounts. My question is: How do I perform simple mathematical operations on these money...

PHP

Question for a REAL expert on casting double to float...

by: Bill Reid | last post by:

I just noticed that my "improved" version of sscanf() doesn't assign floating point numbers properly if the variable assigned to is declared as a "float" rather than a "double". (This never...

C / C++

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

double margin bug in ie without floats!?

Similar topics