zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div nach oben verschieben, wenn es abgeschnitten wird.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.04.2010, 13:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2010
Beiträge: 3
erlinger15 befindet sich auf einem aufstrebenden Ast
Standard 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?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.04.2010, 13:21
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.04.2010, 13:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2010
Beiträge: 3
erlinger15 befindet sich auf einem aufstrebenden Ast
Standard 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());" />
&nbsp;Kennwort&nbsp;<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&nbsp;Feld&nbsp;bitte&nbsp;ausfüllen.</span><span id="ctl00_C_Container_ctl96" style="color:Red;display:none;"><br />Mindestens&nbsp;1&nbsp;Zeichen&nbsp;angeben.</span>
</td>
</tr>
Und hier ein Ausschnit aus der CSS-Datei:

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; }
Mit Zitat antworten
  #4 (permalink)  
Alt 23.04.2010, 13:49
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von erlinger15 Beitrag anzeigen
Hier der HTML Code:
Und hier ein Ausschnit aus der CSS-Datei:
was sollen wir denn damit anfangen können?

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
Mit Zitat antworten
  #5 (permalink)  
Alt 23.04.2010, 17:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2010
Beiträge: 3
erlinger15 befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:30 Uhr.