Emanuel: Button ändert Form durch Scrollbalken

SELF-Forum

Button ändert Form durch Scrollbalken

Emanuel
– Informationen zu den Bewertungsregeln

Hallo Leute!

Folgendes Problem, ich habe auf meiner Seite rechts oben einen Logout Button

  
<input value="Abmelden" type="submit" class="logout_button">

Ich habe das Aussehen des Buttons ein wenig verändert, tut aber nichts zur Sache, das gleiche Problem tritt auch mit der normalen Formatierung auf.
Der Button ist natürlich immer sichtbar, egal auf welcher Seite man sich befindet. Klickt man allerdings auf eine Seite, wo der Inhalt ein wenig länger ist, zeigt sich auf der rechten Seite ein Scrollbalken. Interessanterweise, wird der Button jetzt vergrößtert dargestellt und passt nicht mehr. Das Ist auf jeder Seite der Fall, wo ein Scrollbalken eingeblendet wird.
Das nervt und ich habe keine Ahnung was ich dagegen tun kann (ausser vielleicht den Button woanders hinsetzen - mag ich aber nicht)

Hoffe mir kann wer helfen!

MfG Emanuel

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Button ändert Form durch Scrollbalken

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    Hoffe mir kann wer helfen!

    </hilfe/charta.htm#tipps-fuer-fragende>

    MfG ChrisB

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Button ändert Form durch Scrollbalken

    Emanuel
    – Informationen zu den Bewertungsregeln

    Problem hat sich erledigt, es lag nicht an den Scrollbalken, ehrlich gesagt, weiß ich nicht woran es lag.
    Ich habe jetzt einige Tests durchgeführt und bin im Endeffekt darauf gekommen, dass es an Select Elementen gelegen hat.
    Der folgende Code veranschaulicht das ganze:
    Hier so wie es aussehen sollte:

      
<html>  
<head>  
<title>Testseite</title>  
<style type="text/css">  
<!--  
*  
{  
 margin:0;  
}  
  
/***** HEADER *****/  
  
div.header  
{  
 background:#8d2132;  
 width:100%;  
 height:35px;  
 color:#f9fbed;  
 font-size: 11px;  
}  
  
/***** BUTTON *****/  
.logout_button{  
 position:absolute;  
 top:6px;  
 right:10px;  
 background:#8d2132;  
 color:white;  
 border:1px outset white;  
 margin-top:2px;  
 margin-right:2px;  
 font-family: verdana;  
}  
  
.logout_button:hover  
{  
 cursor:pointer;  
}  
-->  
</style>  
</head>  
<body>  
<div class="header">  
 <input value="Abmelden" type="submit" class="logout_button">  
</div>  
</body>  
</html>

    Schreibt man jetzt ein <select> dazu, wird der Button, warum auch immer, größer:

      
<body>  
<div class="header">  
 <input value="Abmelden" type="submit" class="logout_button">  
</div>  
<select><option>ha</option></select>  
</body>

    Vielleicht weiß ja wer warum!
    Achja, ich benutze den aktuellsten FF.

    MfG Emanuel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Button ändert Form durch Scrollbalken

      Emanuel
      – Informationen zu den Bewertungsregeln

      Achja, was ich vergessen habe zu erwähnen, schreibt man

        
font-size: 11px;

      in die Klasse .logout_button:

        
div.header  
{  
 background:#8d2132;  
 width:100%;  
 height:35px;  
 color:#f9fbed;  
}  
  
/***** BUTTON *****/  
.logout_button{  
 position:absolute;  
 top:6px;  
 right:10px;  
 background:#8d2132;  
 color:white;  
 border:1px outset white;  
 margin-top:2px;  
 margin-right:2px;  
 font-family: verdana;  
 font-size: 11px;  
}

      Dann wird der Button immer in der richtigen größe angezeigt, egal ob jetzt ein select Element vorhanden ist oder nicht, sprich das ist auch meine Lösung!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln