Css + Ie = ?

[möp]

Hallo hab noch 2. Probleme mit CSS und dem IE (Im Firefox gehts).

Problem 1: Link
Warum ist im IE die Messagebox verschoben. Wenn ich die CSS anpasse, das es passt, ist es im Firefox um den selben wert verschoben.

<div class="middle"> 
  <form action="submit.php3" method="post">
  <div class="headline">_kontakt</div>
  <div class="menu">
 <br>
    Name:<br>
    <input name="name" value=""><br>
    E-Mail:<br>
    <input name="from" value="">
    Betreff:<br>
    <input name="subject" value="">
  </div>
    <div class="content"> 
      <textarea rows=6 cols=40 name="message"></textarea>
      <input type="submit" name="E-Mail senden" class="button" value="senden">
      <input type=hidden name="copy" value="&copy; by nolty productions">
    </div>
  </form>
</div>

.middle {
	position: relative;
	margin-top: -203px;
	margin-left: 382px;
	width: 537px;
	height: 146px;
	background-color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
}
.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0066CC;
}
.menu {
	position: absolute;
	margin-top: 15px;
	margin-left: 10px;
	width: 179px;
}
.content {
	position: absolute;
	margin-top: -12px;
	margin-left: 190px;
	width: 180px;
	height: 146px;
}

Problem 2:
Link Warum sin im IE die Unterstriche innerhalb des Satzspiegels? Und warum ist die Letzte Zeile eingerückt?

.indent {
	text-indent: -6px;
	margin-left: 6px;
}

mfg
möp

 

[hela]

Hallo möp,

zu 1.)
... weil der IE offensichtlich die margin-left-Eigenschaft des content-DIV-Blockes (190px) an das TEXTAREA-Feld weitervererbt. Das ist sicherlich ungewöhnlich und eine Macke des IE, die ich bis jetzt auch noch nicht kannte. Du solltest übrigens auch mal deine DIV-Blöcke versuchsweise mit 1px breiten farbigen Rahmen versehen, dann erhältst du Aufschluss über die Größenverhältnisse, die du den Blöcken zugewiesen hast und was die Browser draus machen.

zu2.)
... kann ich nichts sagen, weil ich keine Unterschiede sehe.

edit:
Alles klar: Ich sehe jetzt was dich stört. Mach mal einen 1px-Rahmen um den entsprechenden Container, dann siehst du sicherlich die Ursasche. Vielleicht solltest du auch mal die DIV-Tags mit der Klasse "fett" in SPAN-Tags mit anschließenden <br> umwandeln.

 

[möp]

Moin,

danke für deine Tips - hab das erste Problem jetzt gelöst - hab nichtr die vorderen Zeilen nach außen gerückt, sondern die die unteren nach innen.

Auch der Tip mit den Rahmen ist sehr hilfreich.

Werd jetz mal gucken ob ich das Problem mit der Textbox in den Griff kriege.

mfg
möp