Div's in IE und Mozilla

[Urkman]

Hallo zusammen,

ich habe eine Seite mit einem Div. In diesem Div befindet sich ein Formular. Also ein paar Felder und ganz unten drunter zwei Buttons. Der Hintergrund des Divs ist gefärbt. So weit so gut. Nun zu meinem Problem:

Im IE: Kein Problem. Das Div schliesst das gesamte Formular wie geplant ein. Sieht also gut aus.

Im Mozilla(1.6 und 1.7 Beta): Problem. Das Div hört unterhalt des letzten Eingabefeldes auf. Es sieht so aus, als wenn der Mozilla bei einem Button das Div nicht vergrößert. Das sollte aber so sein...

Ich habe unten mal die CSS Angaben zum Div angehangen.

Ich hoffe es kann mir einer Helfen.

Danke und Grüße,
Urkman

--------------------------------------------------------------------
div#content {
  position : static;
  left : 10px;
  top : 10px;
  background-color : #f0f0f0;
  border-color : #c0c0c0;
  border-style : solid;
  border-right-width : 1px;
  border-left-width : 1px;
  border-top-width : 1px;
  border-bottom-width : 1px;
  width : 700px;
  height : suto;
  padding : 5px
}

[Dennis]

Hi Urkman,

Ich habe unten mal die CSS Angaben zum Div angehangen.

height : suto;

muss height:auto; heißten

Ansonten auch eine Overflow Angabe machen: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

MfG, Dennis.

[MudGuard]

Hi,

Im IE: Kein Problem. Das Div schliesst das gesamte Formular wie geplant ein. Sieht also gut aus.

Im Mozilla(1.6 und 1.7 Beta): Problem. Das Div hört unterhalt des letzten Eingabefeldes auf. Es sieht so aus, als wenn der Mozilla bei einem Button das Div nicht vergrößert. Das sollte aber so sein...

hat der Button ein float?

div#content {
  position : static;
  left : 10px;
  top : 10px;

left und top sind nur für positionierte Elemente  gültig, d.h. solche, die bei position einen Wert ungleich static haben.

background-color : #f0f0f0;
  border-color : #c0c0c0;
  border-style : solid;
  border-right-width : 1px;
  border-left-width : 1px;
  border-top-width : 1px;
  border-bottom-width : 1px;

Warum einzeln und nicht zu border-width: 1px; zusammengefaßt?

width : 700px;
  height : suto;

suto ist kein sinnvoller Wert für height.

cu,
Andreas

[Urkman]

Hallo Andreas,

Im Mozilla(1.6 und 1.7 Beta): Problem. Das Div hört unterhalt des letzten Eingabefeldes auf. Es sieht so aus, als wenn der Mozilla bei einem Button das Div nicht vergrößert. Das sollte aber so sein...

hat der Button ein float?

ja, float: right;
Habe es aber auch ohne versucht.

div#content {
  left : 10px;
  top : 10px;
left und top sind nur für positionierte Elemente  gültig, d.h. solche, die bei position einen Wert ungleich static haben.

Die habe ich jetzt rausgenommen

border-right-width : 1px;
  border-left-width : 1px;
  border-top-width : 1px;
  border-bottom-width : 1px;
Warum einzeln und nicht zu border-width: 1px; zusammengefaßt?

Das frage ich mich jetzt auch :-)

width : 700px;
  height : suto;
suto ist kein sinnvoller Wert für height.

Tippfehler. Änderung hat aber auch nicht gebracht.

Leider nach allen Änderunen immer noch das gleiche Problem.

Grüße,
Urkman

[MudGuard]

Hi,

ja, float: right;

Floatende Elemente beeinflussen die Höhe des Elternelements nicht...

cu,
Andreas

[Urkman]

Hallo,

Floatende Elemente beeinflussen die Höhe des Elternelements nicht...

Jetzt geht es tatsächlich. Da habe ich wohl beim testen irgendwas falsche gemacht. Nur sind meine Buttons jetzt Links. Ich hätte aber gerne rechts. Was kann ich da jetzt mit CSS machen?

Danke,
Stefan

[Dennis]

Hi Urkman,

Jetzt geht es tatsächlich. Da habe ich wohl beim testen irgendwas falsche gemacht. Nur sind meine Buttons jetzt Links. Ich hätte aber gerne rechts. Was kann ich da jetzt mit CSS machen?

Eventuell tuts ein text-align:right; oder vielleicht, da dann alles rechts ist, noch mal ein Unterdiv mit width:100%; und text-align:right; .

MfG, Dennis.