zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Knowledge Base
Seite neu laden IE - Verschiebung von Formularelementen durch Fieldset

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.02.2005, 17:16
Professional
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.06.2004
Ort: Wuppertal
Beiträge: 269
SimonWpt befindet sich auf einem aufstrebenden Ast
Standard IE - Verschiebung von Formularelementen durch Fieldset

Wieso wird im IE bei einigen <input>'s ein rechter Rand gezogen, bei anderen dagegen nicht?

Code:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>IE Bug?</title>
    <style type="text/css">
        form{margin: 25px}
        fieldset{font: x-small/150% Arial, Helvetica, sans-serif;}
    </style>
</head>
<body>
    <form action="#" method="post" name="company" id="company">
        <fieldset>
            <legend>AGB</legend>
            <input type="checkbox" name="company_owner" value="true">
            <label>Einverstanden</label>
        </fieldset>
        <fieldset>
            <legend>Personendaten</legend>
            <label>Name des Ansprechpartners</label>
            
<input type="text" name="company_person" size="30" class="text">
            
<label>E-Mail-Adresse</label>
            
<input type="text" name="company_email" size="30" class="text">
            

        </fieldset>
        <fieldset>
            <legend>Angaben speichern</legend>
            <input type="submit" value="Weiter" class="button">
        </fieldset>
    </form>
</body>
</html>
Liebe Grüße


Bertram
Angehängte Grafiken
Dateityp: gif ie_-_form.gif (3,7 KB, 3319x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.02.2005, 17:42
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

So ganz grob würde ich schätzen, dass es an den verschiedenen input types liegt... in einem Fall eine Checkbox, im anderen ein Textfeld.
Ist ja Browser / OS abhängig.
Kannst Du nicht beide gleich formatieren?

grüsse andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.02.2005, 17:43
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Beiträge: 696
wahsaga befindet sich auf einem aufstrebenden Ast
Standard Re: Seltsames Verhalten im IE

Zitat:
Zitat von SimonWpt
Wieso wird im IE bei einigen <input>'s ein rechter Rand gezogen, bei anderen dagegen nicht?
viel faszinierender finde ich ja, dass er aus der legende "AGB" des ersten fieldsets den text "Verbundenheit" macht ...!
(bitte nimm mir jetzt nicht die faszination, in dem du zugibst, auch eine von den schnarchnasen zu sein, die nicht in der lage sind den wirklich zum screenshot gehörenden quelltext zu posten ...)


was will eigentlich das
vor den inputs - wieso lässt du nicht die davorstehenden labels einfach als block elemente darstellen?

und btw., welchen sinn haben deiner meinung nach labels ohne for-attribut?
Mit Zitat antworten
  #4 (permalink)  
Alt 02.02.2005, 17:52
Benutzer
neuer user
 
Registriert seit: 15.12.2004
Beiträge: 83
mikey befindet sich auf einem aufstrebenden Ast
Standard

so als weiteren Glaskugeltipp

- es könnte auch an der Interpretation von Umbrüchen im Quellcode liegen
Mit Zitat antworten
  #5 (permalink)  
Alt 02.02.2005, 18:44
Professional
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.06.2004
Ort: Wuppertal
Beiträge: 269
SimonWpt befindet sich auf einem aufstrebenden Ast
Standard

Ich habe gehofft, es wäre ein IE Bug und jemand könnte mir den Bugfix posten.

@andir
Ich bin mir nicht sicher, welche Broswer und OS das Verhalten betreffen. Daher will ich nicht auf Gut Glück Browserweichen schreiben.

@wahsaga
Ein Lösungsvorschlag wäre mir lieber!
Ich habe versucht, das Problem einzukreisen und daher den originalen Source umgeschrieben und gekürzt. Ich würde mich freuen, wenn du ohne mich zu kennen nicht als Schnarchnase bezeichnest

@mikey
Daran habe ich auch gedacht, aber dann wäre der Submit-Button richtig formatiert.

Liebe Grüße


Bertram
Mit Zitat antworten
  #6 (permalink)  
Alt 02.02.2005, 19:58
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.01.2005
Beiträge: 696
wahsaga befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von SimonWpt
Ein Lösungsvorschlag wäre mir lieber!
noch'n lutscher dazu ...?
Mit Zitat antworten
  #7 (permalink)  
Alt 02.02.2005, 21:23
Benutzerbild von Dieter
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 12.09.2003
Beiträge: 3.635
Dieter sorgt für eine eindrucksvolle AtmosphäreDieter sorgt für eine eindrucksvolle Atmosphäre
Standard

Schaff doch eine Klasse für die Inputs, die Du selber formatieren möchtest und gib kein Klasse und keine Eigenschaften/Werte an für den Submit-Button. Den überlässt Du von der Darstellung den Browsern!
__________________
Informationen aus Koblenz-Metternich
-----------------------------------
"Wissen heißt, Fragen zu erwerben."
Mit Zitat antworten
  #8 (permalink)  
Alt 02.02.2005, 21:37
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Code:
fieldset{ 
   padding: 0;
}
Schon probiert.......?
__________________
</ulle>
Mit Zitat antworten
  #9 (permalink)  
Alt 02.02.2005, 21:49
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Das [margin] im <form>-Tag ist das Problem

Auch wenn Du [margin] im <fieldset> verwendest tritt der Effekt erneut auf, evtl. wird [margin] in diesem Fall (oben) vom <form> vererbt (?) - seltsam

Das solltest Du mal genau austesten, und über eine Info zu Deinem Ergebnis freuen sich hier bestimmt einige (ich auch).


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxxx</title>

<style type="text/css" media="screen,projection" title="Druckvorschau-semantic-Test">
/*<![CDATA[*/


html,body   {
		margin: 0;
		padding: 3px;
		
		background-color: #DDDDDD;
		color: #000000;
		
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 100.01%;
		}

		
form	{
		margin: 0;
		}
		
fieldset {
		font-size: .8em;
		line-height: 150%;
		}

   
/*]]>*/
</style>

</head>
<body>

<body>
    
      <form action="#" method="post" name="company" id="company">
        <fieldset>
            <legend>AGB</legend>
            <input type="checkbox" name="company_owner" value="true" />
            <label>Einverstanden</label>
        </fieldset>
        <fieldset>
            <legend>Personendaten</legend>
            <label>Name des Ansprechpartners</label>
            

			<input type="text" name="company_person" size="30" class="text" />
            

			<label>E-Mail-Adresse</label>
            

			<input type="text" name="company_email" size="30" class="text" />
            

        </fieldset>
        <fieldset>
            <legend>Angaben speichern</legend>
            <input type="submit" value="Weiter" class="button" />
        </fieldset>
    </form>
 
</body></html>
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 03.02.2005, 10:49
Professional
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 25.06.2004
Ort: Wuppertal
Beiträge: 269
SimonWpt befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von ulle
Das [margin] im <form>-Tag ist das Problem

Auch wenn Du [margin] im <fieldset> verwendest tritt der Effekt erneut auf, evtl. wird [margin] in diesem Fall (oben) vom <form> vererbt (?) - seltsam
Es tritt sogar auf, wenn ich den margin einen Container-Div zuweise. Ich schreibe toscho mal ne Mail, vielleicht hat der eine Idee.

Liebe Grüße


Bertram
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Formular mit fieldset gestalten seeadler CSS 31 05.04.2013 20:39
fieldset und der Internet Explorer RFDarter CSS 2 05.11.2010 21:18
fieldset wächst nicht mit bigman007 (X)HTML 1 08.01.2008 16:21
IE6: floatendes div in fieldset rutscht nach oben vroni CSS 2 30.09.2007 23:42
fieldset mit display:inline und Tabelle madler CSS 0 13.04.2006 16:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:33 Uhr.