23.04.2010, 13:06
|
|||
|
|||
Div nach oben verschieben, wenn es abgeschnitten wird.
Hallo!
Hab ein Problem mit einem meiner Div's Habe ein Formular mit verschiedenen Steuerelementen und Help-Icons. Wenn ich mit der Maus über das Help-Icon fahre, erscheint ein Hilfetext in einem DIV. Mein Problem ist, dass das Div abgeschnitten wird, wenn das Icon zu weiten unten in der Seite platziert ist, bzw. wenn der Text zu lange ist. Habe bei der Lösung an CSS gedacht...  Gibt es in CSS eine Möglichkeit, dass das Div automatisch nach oben verschoben wird? Oder weiß jemand eine andere Möglichkeit? 
|
| Sponsored Links |
|
23.04.2010, 13:21
|
||||
|
||||
|
Hi,
du mußt an deiner Waschmaschine mal das Flusensieb säubern. Das macht das div a weng leichter und es kann weiter nach oben hüpfen.  Nein im Ernst, ohne Link zum Problem kann man nur wild rumraten. 
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus
|
| Sponsored Links |
|
23.04.2010, 13:33
|
|||
|
|||
|
Re: Div wird abgeschnitten
Hier der HTML Code:
Code:
<tr id="ctl00_C_Container_Password" style="Height:20px;">
<td class="Container_Text" nowrap="nowrap"><div style="margin-top: 2px;">
<div id="94519f3e-4427-4b44-8a1d-422c0526b86f" class="Help" style="position:absolute;white-space:normal;" onmouseout="HelpHide('94519f3e-4427-4b44-8a1d-422c0526b86f', GetMouseX(), GetMouseY())">
<div class="HelpInnerBox">Ist diese Option aktiviert werden sie beim Aufruf der Login-Seite automatisch angemeldet - eine Eingabe von Username und Passwort ist nicht mehr erforderlich.<br>Hinweis: Die Login-Daten werden als Cookie auf Ihrem PC gespeichert.<br>Es wird empfohlen Autologon nur auf privaten und nicht auf öffentlichen zugängigen PC´s zu aktivieren um Mißbrauch durch Dritte zu verhindern.Ist diese Option aktiviert werden sie beim Aufruf der Login-Seite automatisch angemeldet - eine Eingabe von Username und Passwort ist nicht mehr erforderlich.<br>Hinweis: Die Login-Daten werden als Cookie auf Ihrem PC gespeichert.<br>Es wird empfohlen Autologon nur auf privaten und nicht auf öffentlichen zugängigen PC´s zu aktivieren um Mißbrauch durch Dritte zu verhindern.
</div>
</div>
<img align="absmiddle" id="img94519f3e-4427-4b44-8a1d-422c0526b86f" src="/App_Themes/Dynamix/help_containeritem.gif" onmouseout="HelpHide('94519f3e-4427-4b44-8a1d-422c0526b86f', GetMouseX(), GetMouseY())" alt="" onmouseover="HelpOver('94519f3e-4427-4b44-8a1d-422c0526b86f', GetMouseX(), GetMouseY());" />
Kennwort <span style="color: red;">*</span>
</div>
</td>
<td class="Container_Content">
<input name="ctl00$C$Container$txtPassword" type="password" maxlength="255" id="ctl00_C_Container_txtPassword" style="margin-right:2px;" />
<span id="ctl00_C_Container_ctl13" style="color:Red;visibility:hidden;"></span><span id="ctl00_C_Container_ctl95" style="color:Red;display:none;">
<br />
Dieses Feld bitte ausfüllen.</span><span id="ctl00_C_Container_ctl96" style="color:Red;display:none;"><br />Mindestens 1 Zeichen angeben.</span>
</td>
</tr>
Code:
.Help { color:#fff; width: 300px; position: absolute; background: url(layout/helpbackground.jpg) #303030 repeat-x 0px bottom; font-weight: 400; z-index: 999;padding:15px;line-height: 16px;text-align:left; }
.HelpInnerBox { white-space: normal; color: #ffffff; font-size:11px; padding:0; }
|
|
23.04.2010, 13:49
|
||||
|
||||
|
Zitat:
Entweder ein Link zum Problem oder ein lauffähiges Beispiel was den Fehler zeigt, oder glaubst du jemand hätte die Zeit sich aus deinem Code etwas lauffähiges zusammenzubasteln?
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus
|
|
23.04.2010, 17:20
|
|||
|
|||
|
Hier ein Beispiel.
Nochmals kurz zur Erklärung: Es soll nicht wie jetzt ein Scrollbalken erscheinen - Diese Lösung funzt leider nicht. Es soll das div irgendwie weiter oben platziert werden. Übrigens: Ich bin nicht auf eine CSS-Lösung fokusiert. Bin auch über Lösungen mit JavaScript oder ähnlichem dankbar! Geändert von erlinger15 (23.04.2010 um 17:27 Uhr)
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| DIV wird immer mit einem Abstand nach oben angezeigt -soll aber links oben erscheinen | plegox | CSS | 4 | 21.05.2011 13:17 |
| Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
| Div wird abgeschnitten - scrollen nicht möglich | scharfet | CSS | 1 | 11.05.2010 19:01 |
| DIV um 40px nach oben verschieben | Dylan | CSS | 3 | 03.02.2010 22:14 |
| Einen DIV oben halten? | Compiler | (X)HTML | 2 | 12.08.2005 11:59 |
Linear-Darstellung
