Flo: Hinweis mit CSS einblenden und mitscrollen

Hallo,

auf meiner Webseite möchte ich einen Hinweis bringen. Bisher habe ich es so gemacht:

<div id="bw" class="fehlermeldung">
Hallo auf meiner Webseite!
</div>

Die class:

.fehlermeldung {
background: #ffff00;
color: #990000;
border: solid 1px #ff0000;
position: relative;
width: 400px;
font-weight: bold;
font-size: 14px;
font-family: verdana;
text-align: left;
top: 50%;
left: 50%;
visibility: hidden;
padding: 5px 5px 5px 5px;
}

und mit JS wird es eingeblendet. Wenn der Hinweis nicht eingeblendet ist, dann verschiebt sich die Webseite leider nach unten und es entsteht ein leerer Platz.

Wie kann ich es realisieren, dass die Seite ganz oben bleibt und beim Einblenden der Hinweis mitscrollt.

Vielen DAnk

Flo

  1. Grüße,

    .fehlermeldung {
    background: #ffff00;
    color: #990000;
    border: solid 1px #ff0000;

    position: absolut;
     top:20px;
    left:10px;

    width: 400px;
    font-weight: bold;
    font-size: 14px;
    font-family: verdana;
    text-align: left;
    top: 50%;
    left: 50%;
    visibility: hidden;
    padding: 5px 5px 5px 5px;
    }

    MFG
    bleicher

    --
    __________________________-
    Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
    http://www.sexgott-or-not.com/?test=428054
    1. Danke,

      aber leider scrollt der Hinweis nicht mit. Es bleibt dann immer bei top:20px und left: 10px stehen.

      Warum?

      Danke

      Flo

      Grüße,

      .fehlermeldung {
      background: #ffff00;
      color: #990000;
      border: solid 1px #ff0000;
      position: absolut;
      top:20px;
      left:10px;

      width: 400px;
      font-weight: bold;
      font-size: 14px;
      font-family: verdana;
      text-align: left;
      top: 50%;
      left: 50%;
      visibility: hidden;
      padding: 5px 5px 5px 5px;
      }

      MFG
      bleicher

      1. Grüße,

        1. habe ich mich vertippt - position:absolute; <- mit e
        2. ich glaube dich missverstanden zu haben, definiere dein farge neu - du wilslt dass diese "warnung" beim scrolen trotzdem immer an einer "stelle"sichtbar bleibt wie diese nervigen flash-werbungen?

        dann

        position:fixed;

        kannst hier mehr darüber lesen

        MFG
        bleicher

        --
        __________________________-
        Menschen an sich , sind nicht schlecht - es sind nur ihre Taten (c).
        http://www.sexgott-or-not.com/?test=428054
  2. Hallo.

    <div id="bw" class="fehlermeldung">
    Hallo auf meiner Webseite!
    </div>

    Wer kann da noch was gegen semantische Klassennamen sagen?
    MfG, at

    1. Hi,

      <div id="bw" class="fehlermeldung">
      Hallo auf meiner Webseite!

      Wer kann da noch was gegen semantische Klassennamen sagen?

      Vielleicht ist die Seite ja so uninteressant, dass bereits der Umstand, dass man dich dort begruessen kann, als Navigations-Fehler deinerseits betrachtet wird.

      MfG ChrisB

      --
      "The Internet: Technological marvel of marvels - but if you don't know *what* you're lookin' for on the Internet, it is nothing but a time-sucking vortex from hell."
      1. Hallo.

        Vielleicht ist die Seite ja so uninteressant, dass bereits der Umstand, dass man dich dort begruessen kann, als Navigations-Fehler deinerseits betrachtet wird.

        Des Autors Freud ist des Nutzers Leid.
        MfG, at