Ergebnis 1 bis 7 von 7

Thema: div mit Positions-angabe fallen aus übergeordneten Tag raus

  1. #1
    HTML Newbie
    Registriert seit
    30.08.2014
    Beiträge
    6
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard div mit Positions-angabe fallen aus übergeordneten Tag raus

    Hallo Leute,

    ich habe in meinem Projekt 4 divs erstellt:

    HTML-Code:
    <div class="seitenbereich">
    <div style='position:relative;'>
                <div id='Ausgabe0' style='position:absolute; top:0;'>Text, der jetzt sichtbar ist, blablabla
                </div>
                <div id='Ausgabe1' style='display:none; position:absolute; top:0;'>Text, der am Anfang unsichtbar ist</div>
            </div>
    </div>
    Da fehlt jetzt nach dem div mit dem Class="Seitenbereich" Text, der noch angezeigt wird.
    Seitenbereich habe ich so definiert:

    .seitenbereich {
    width: 820px;
    text-align: center;
    background-color: white;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    padding: 5px;
    }

    Wie ihr sehen könnt, soll die ganze Seite von einem Rahmen umgeben werden.
    Leider stehen aber die divs mit den Positionsangaben außerhalb des Rahmens. Habe im Netz leider nichts dazu gefunden.

    Wäre sehr dankbar für Tipps...

    Viele Grüße
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    569
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: div mit Positions-angabe fallen aus übergeordneten Tag raus

    Hallo

    Leider stehen aber die divs mit den Positionsangaben außerhalb des Rahmens.
    Das liegt wahrscheinlich am "position: absolute;". Dadurch werden die div aus dem Textfluss und damit den umgebenden div herausgenommen.

    Gruss

    MrMurphy

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    30.08.2014
    Beiträge
    6
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: div mit Positions-angabe fallen aus übergeordneten Tag raus

    Ah, okay. Gibts da ne möglichkeit, den Rahmen trotzdem irgendwie drumzubekommen?

  4. #4
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    569
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: div mit Positions-angabe fallen aus übergeordneten Tag raus

    Ja, auf "position: absolute;" verzichten und HTML / CSS korrekt anwenden.

    Mit deinen paar Quellcodeschnipseln ist eine konkrete Hilfe kaum möglich.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    30.08.2014
    Beiträge
    6
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: div mit Positions-angabe fallen aus übergeordneten Tag raus

    Für alle die es interessiert:
    Habs jetzt selbst gelöst. Ich wollte überlagernde Divs haben, damit ich einen Überblendeffekt erzeugen kann.
    Ich habe jetzt die position:absolute aus dem sichtbaren div entfernt. So kommt der Rahmen drumherum. Am Ende der Überblendung habe ich die Attribute ausgestauscht (also jetzt sichtbar position:static und unsichtbar position:absolute). Es gab noch ein paar Probleme wenn die Höhe des einen divs höher war als das andere, da habe ich auch noch ein wenig getrixt mit Javascript, aber ich will euch nicht lagweilen...

  6. #6
    Großmeister(in)
    Registriert seit
    18.01.2007
    Ort
    Hamburg
    Alter
    26
    Beiträge
    710
    Danke
    2
    Bekam 2 mal "Danke" in 2 Postings

    Standard AW: div mit Positions-angabe fallen aus übergeordneten Tag raus

    ich denke ein position:relative; für die .seitenbereich-klasse hätte es auch getan

  7. Folgende User finden die Antwort von Dominikgt gut:


  8. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    30.08.2014
    Beiträge
    6
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: div mit Positions-angabe fallen aus übergeordneten Tag raus

    Echt? So einfach?
    Das probiere ich auf jeden Fall aus, auch wenn meine Version auch funktioniert.
    Danke!

Ähnliche Themen

  1. bildflow positions falsch
    Von smoky1988 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 29.04.2008, 17:33
  2. div der grösse des übergeordneten divs anpassen
    Von Dragooni im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 31.12.2007, 02:02
  3. schnee mit positions angaben
    Von schneiender im Forum Flash Forum
    Antworten: 3
    Letzter Beitrag: 26.11.2007, 12:29
  4. Schneeflocken fallen lassen???
    Von feather im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 8
    Letzter Beitrag: 20.11.2005, 17:24
  5. Positions problem
    Von Joop im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 05.09.2005, 19:44

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •