[Gast]  Foren Web allgemein HTML und CSS / Stylesheets CSS: Überhang bei absolut positionierten Divs

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web allgemein
Themen
Beiträge
Moderatoren
Letzter Beitrag
HTML und CSS / Stylesheets
1193
6413
FSt
19. Dez 2022, 21:28
Vitus
 

CSS: Überhang bei absolut positionierten Divs

broesel
Beiträge gesamt: 409
31. Aug 2007, 16:30
Beitrag # 1 von 4
Bewertung:
(1678 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Guten Tag

Habe folgendes Problem: Eine Internetseite deren Gestaltung komplett in CSS erfolgt hat drei Bereiche: Navigation Inhalt und Infobereich rechts. Der Infobereich rechts ist absolut positioniert (also relativ zum Elternelement):

Infobereich rechts:
#infoleiste {
position: absolute;
left: 620px;
top: 205px;
margin: 0px 0 0 0px;
width: 230px;
background: transparent;
}

Elternelement:
#container {
position: relative;
background: #F0F0ED;
margin: 20px auto;
padding: 0px;
width: 850px;
border: 5px solid #ABA29A;
}

Nun hängt mir der Text vom Infobereich rechts über den Container hinaus, wenn der Text länger als erwartet wird. Der Container wächst nicht automatisch mit. Wie kann ich das lösen?

Gruß
broesel
X

CSS: Überhang bei absolut positionierten Divs

SabineP
Beiträge gesamt: 7586
31. Aug 2007, 18:46
Beitrag # 2 von 4
Beitrag ID: #310581
Bewertung:
(1661 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Brösel,

>> Der Container wächst nicht automatisch mit.

Warum sollte er mitwachsen, ein <div> Bereich ist immer so groß wie sein Inhalt.

als Antwort auf: [#310568]

CSS: Überhang bei absolut positionierten Divs

broesel
Beiträge gesamt: 409
1. Sep 2007, 09:04
Beitrag # 3 von 4
Beitrag ID: #310604
Bewertung:
(1634 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Guten Morgen

Der inhalt ist doch der Infobereich rechts. Gibt es nicht eine Lösung, dass jede Seite unten schön abschließt, egal wie viel inhalt in der ersten, zweiten oder dritten "Spalte" steht?

Gruß
broesel

als Antwort auf: [#310581]

CSS: Überhang bei absolut positionierten Divs

SabineP
Beiträge gesamt: 7586
1. Sep 2007, 10:15
Beitrag # 4 von 4
Beitrag ID: #310608
Bewertung:
(1629 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Brösel,

Du kannst die Spalten mit einem Hintergrundbild für den <body> simulieren.

Hier gibts eine Anleitung dazu:
http://alistapart.byteshift.de/fauxcolumns

Ich hoffe, daß das Dein Problem betrifft.
Du hast keinen HTML-Code gepostet und so kann ich nur in die Glaskugel kucken.

als Antwort auf: [#310604]
X

Aktuell

PDF / Print
MadeToTag mit neuer Vorgaben-Funktion und umfangreichen Verbesserungen

| 04.04.2024

axaio_PR_Bild_300x300_04_20
Weitere Events

Neuste Foreneinträge


Mit Preflight Registerfarbe ALL nach Grau konvertieren geht nicht

Absatzsetzer in CC24 ME lösen Probleme aus

Quark Objekte lassen sich nicht neben Layout ziehen.

Barrierefreie PDFs | Mögliche unangebrachte Verwendung des Strukturelements xy

Barrierefreiheit in indesign 2022: figure-Tags haben als Attributobjekt "block" statt "inline"?

Kontrollkästchen in PDF-Formular

Indesign Tabelle ausrichten

Mehrfach geschichtete und übereinander gelagerte PDFs bereinigen

InDesign 19.2 konvertiert 19.3-Dateien beim Öffnen ungefragt

Platzierte Vektorgrafiken skalieren
medienjobs
Weitere Stellenangebote