mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 11.12.2016 14:59 Benutzername: Passwort: Auto-Login

Thema: [CSS] 2 Klassen im Internet Explorer vom 22.09.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] 2 Klassen im Internet Explorer
Seite: Zurück  1, 2
Autor Nachricht
QDog
Threadersteller

Dabei seit: 22.09.2006
Ort: HH
Alter: 30
Geschlecht: Männlich
Verfasst Mo 25.09.2006 09:14
Titel

Antworten mit Zitat Zum Seitenanfang

Code:

body {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
}
form div {
   float: left;
   clear: both;
   margin: 1px 0 1px 0;
}
* html form div {
float:none;
}
form div.input{
   float: left;
   clear: none;
   display: block;
}
form div.error {
   background: #FFCFCF;
}
form div.required label {
   font-weight: bold;
}
form div.checkbox input {
   width: auto;
}
form label {
   float: left;
   display: block;
   width: 140px;
   text-align: left;
   margin: 0 1em 0 1em;
}
form img {
   float: left;
   clear: none;
   display: block;
}
form input, form select, form textarea {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
}
form fieldset {
   clear: both;
}



Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Form</title>
<link rel="stylesheet" href="form.css" media="all" />
</head>
<body>
<form action="/qf_stuff/form.php" method="post" name="testform" id="testform">
<fieldset id="fieldset">
   <legend>Shop/Handel: Bearbeiten</legend>
<div class="required"><label for="entry_postcode">Postleitzahl:</label><div class="input"><input size="10" maxlength="8" name="entry_postcode" id="entry_postcode" type="text" /></div>
   </div>
   <div class="required error"><label for="entry_city">Stadt:</label><div class="input"><input size="40" maxlength="64" name="entry_city" id="entry_city" type="text" /></div>
   </div>
</fieldset>
</form>
</body>
</html>
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 25.09.2006 09:29
Titel

Antworten mit Zitat Zum Seitenanfang

Hier ist das Problem, dass das div.required im
ie keine Höhe bekommt, weil da nur floatende
elemente drin sind. Gib dem mal ne Höhe und
dann sieht man auch die backgroundcolor. z.B.:

form div.required {
height:2em;
}
  View user's profile Private Nachricht senden
Anzeige
Anzeige
QDog
Threadersteller

Dabei seit: 22.09.2006
Ort: HH
Alter: 30
Geschlecht: Männlich
Verfasst Mo 25.09.2006 09:34
Titel

Antworten mit Zitat Zum Seitenanfang

Hab gerade den Code etwas umstruktueriert und nun gehts:

Code:

body {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
}
form div.div {
   margin: 1px 0 1px 0;
   clear: both;
   float: left;
}
form div.label{
   clear: both;
}
form div.input{
   float: left;
}
form div.error {
   background: #FFCFCF;
}
form div.required label {
   font-weight: bold;
}
form label {
   float: left;
   width: 140px;
   text-align: left;
   margin: 0 1em 0 1em;
}
form img {
   float: left;
   clear: none;
   display: block;
}
form input, form select, form textarea {
   float: left;
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
}
form fieldset {
   clear: both;
}
form input.submit {
   margin: 2em 0 0 40em;
}


Code:

<div class="div required error"><label for="customers_telephone">Telefonnummer:</label><input size="40" maxlength="64" name="customers_telephone" id="customers_telephone" type="text" value="" />
   </div>
   <div class="div required error"><label for="customers_fax">Telefaxnummer:</label><input size="40" maxlength="64" name="customers_fax" id="customers_fax" type="text" value="" />
   </div>


Leider ergibt sich daraus nun ein neues Problem. Wenn ich das Browser Fenster im Vollbild habe sieht alles normal aus, da das Formular ca. nur die Haelfte einnimmt. Wenn ich den ie nun in der Breite zusammen schiebe bricht das Formular sofort um, obwohl noch genug Platz da ist. Besonders bloed ist das bei der textarea, die breiter als die Haelfte ist.
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 25.09.2006 09:40
Titel

Antworten mit Zitat Zum Seitenanfang

z.B.:
div.required {
white-space:nowrap;
}
  View user's profile Private Nachricht senden
QDog
Threadersteller

Dabei seit: 22.09.2006
Ort: HH
Alter: 30
Geschlecht: Männlich
Verfasst Mo 25.09.2006 09:44
Titel

Antworten mit Zitat Zum Seitenanfang

Hat keine Auswirkung.
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 25.09.2006 09:49
Titel

Antworten mit Zitat Zum Seitenanfang

Wie keine Auswirkung? ... es bricht dadurch nicht mehr um.
  View user's profile Private Nachricht senden
QDog
Threadersteller

Dabei seit: 22.09.2006
Ort: HH
Alter: 30
Geschlecht: Männlich
Verfasst Mo 25.09.2006 09:50
Titel

Antworten mit Zitat Zum Seitenanfang

Doch doch, tut es weiterhin.

edit: Wenn ich das div auf 100% setz, dann bricht es erst um, wenn es umbrechen sollte


Zuletzt bearbeitet von QDog am Mo 25.09.2006 09:52, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS im Internet Explorer
CSS im internet explorer... damn!
Dynamische CSS-Navigation für den Internet Explorer
html/css: fieldset, internet explorer, background
XHTML / CSS Darstellungsfehler beim Internet Explorer 6
CSS Internet Explorer 6 kann keine Box mit kl Höhe zeichnen
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.