Autor |
Nachricht |
QDog
Threadersteller
Dabei seit: 22.09.2006
Ort: HH
Alter: 38
Geschlecht:
|
Verfasst Mo 25.09.2006 10:14
Titel
|
|
|
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>
|
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 25.09.2006 10:29
Titel
|
|
|
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;
}
|
|
|
|
|
Anzeige
|
|
|
QDog
Threadersteller
Dabei seit: 22.09.2006
Ort: HH
Alter: 38
Geschlecht:
|
Verfasst Mo 25.09.2006 10:34
Titel
|
|
|
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.
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 25.09.2006 10:40
Titel
|
|
|
z.B.:
div.required {
white-space:nowrap;
}
|
|
|
|
|
QDog
Threadersteller
Dabei seit: 22.09.2006
Ort: HH
Alter: 38
Geschlecht:
|
Verfasst Mo 25.09.2006 10:44
Titel
|
|
|
Hat keine Auswirkung.
|
|
|
|
|
Raumwurm
Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 25.09.2006 10:49
Titel
|
|
|
Wie keine Auswirkung? ... es bricht dadurch nicht mehr um.
|
|
|
|
|
QDog
Threadersteller
Dabei seit: 22.09.2006
Ort: HH
Alter: 38
Geschlecht:
|
Verfasst Mo 25.09.2006 10:50
Titel
|
|
|
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
|
|
|
|
|
|
|
|
Ä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!
|
|