• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

fieldset-Breite anpassen

T

thesa

New member
Hi
Hab leider schon wieder ein css Problem.
Ich möchte die Breite verscheidener fieldset's anpassen und zwar so, das sich diese immer der aktuellen Breite des Inhaltes anpassen. Leider funktioniert das ganze nur mit Opera und der IE und Firefox machen das Feld so breit wie das Fenster.
Weil ich das ganze für verschiedene Fieldsets benötige bringt mir eine Lösung wie width: 150px; nicht sehr viel.
Kennt da einer ne Lösung?

Code: 
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

            <html>
                <head>    
                    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
                    <style type="text/css">
                    	fieldset {
				display: inline-block;
				width: auto;
			}
		</style>
                    <title>Login</title>
                </head>
                <body>
                                                                               
        <form action="login.php" method="post" id="login"> 
            <fieldset>
                <legend>Login</legend>
                <p>Hallo das ist ein Text</p>          
            </fieldset>
        </form>
        </body>
        </html>
 
Das hab ich in der Zwischenzeit auch bemerkt, ändert aber leider nichts an meinem Problem.
(Inline: block; braucht es für Opera)
 
Hab noch ein 2. Problem gefunden.
Wenn ich das Window-Fenster kleiner mache, wird das Textfeld erst kleiner, wenn der Bildschirmrand auf das Textfeld trifft. Ist es aber möglich, dass das Textfenster immer innerhalb des fieldset bleibt? Also einen mindest-Abstand zum linken Fensterrand hat?

Code: 
            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

            <html>
                <head>    
                    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1">
                    <style type="text/css">
                    	fieldset {
				display: block;
				width: auto;
			}
		</style>
                    <title>Login</title>
                </head>
                <body>
                                                                               
        <form> 
            <fieldset>
                <legend>Login</legend>
                <p>Hallo das ist ein Text</p>
                <p>          
                <textarea name="ta_text" id="ta_text" cols="75" rows="15"> </textarea>     </p>    
            </fieldset>
        </form>
        </body>
        </html>
 
Hallo,

wenn du sachen wie fieldset benutzt, wirst du auf die unterschiedlichsten probleme treffen, das fängt damit an, das die browser unterschiedliche abstände vom legend benutzen, bis hin zu vertikalen padding problemen.

ich hab mal für jemanden eine homepage gemacht der auch fieldsets wollte, damit diese überall gleich aussehen habe ich meine eigenen fieldsets nachgebaut.

hier kannst du dir anschauen wie man das macht.

link war lange genug online :)
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben