mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 20:01 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: 38
Geschlecht: Männlich
Verfasst Mo 25.09.2006 10: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 10: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: 38
Geschlecht: Männlich
Verfasst Mo 25.09.2006 10: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 10: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: 38
Geschlecht: Männlich
Verfasst Mo 25.09.2006 10: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 10: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: 38
Geschlecht: Männlich
Verfasst Mo 25.09.2006 10: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 10:52, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS im Internet Explorer
margin-top im internet explorer
Textschatten im Internet Explorer
Browserkompatibilität Internet Explorer
Seitenprobleme mit Internet Explorer
CSS im internet explorer... damn!
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB