[GastForen Web allgemein HTML und CSS / Stylesheets CSS: Überhang bei absolut positionierten Divs

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS: Überhang bei absolut positionierten Divs

broesel
Beiträge gesamt: 408

31. Aug 2007, 16:30
Beitrag # 1 von 4
Bewertung:
(1473 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:
(1456 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.
Gruß Sabine


als Antwort auf: [#310568]

CSS: Überhang bei absolut positionierten Divs

broesel
Beiträge gesamt: 408

1. Sep 2007, 09:04
Beitrag # 3 von 4
Beitrag ID: #310604
Bewertung:
(1429 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:
(1424 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.
Gruß Sabine


als Antwort auf: [#310604]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
02.11.2020 - 03.11.2020

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Montag, 02. Nov. 2020, 08.30 Uhr - Dienstag, 03. Nov. 2020, 17.00 Uhr

Kurs

Dieser Basic-Kurs ist der perfekte Einstieg in die Welt von InDesign, dem vielseitigen Layout-Programm. Sie lernen, wie InDesign aufgebaut ist, wie saubere Dokumente erstellt werden und wie man korrekt mit gelieferten InDesign-Projekten umgeht.

Preis: CHF 1'400.-
Dauer: 2 Tage

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/desktop-publishing/adobe-indesign-cc/kurs-indesign-cc-basic

Veranstaltungen
05.11.2020

Augmented Reality hat sich in den letzten Jahren rasant zu einer nachgefragten Technologie entwickelt.

Sitzungszimmer VSD in Bern - oder Online via ZOOM
Donnerstag, 05. Nov. 2020, 08.30 - 17.00 Uhr

Seminar

Print bietet ein haptisches Erlebnis und besticht noch immer durch seinen guten Ruf als Image-Träger. Und: Print kann mittels neuen Technologien wie Augmented Reality auch zum Türöffner in die digitale Welt werden, verschiedene Medien geschickt miteinander vernetzen und so ganz neue Perspektiven schaffen! Grundlagen und technologische Trends. Dieses Wissen ermöglicht Ihnen, spezielle Angebote und passende Produkte zu erschaffen für Ihre Kunden. Verpassen Sie nicht den Anschluss, investieren Sie ein wenig Zeit an diesem Tages-Seminar vom Donnerstag, 5. November 2020.

Aktuell planen wir dieses Seminar vor Ort - je nach Stand der Pandemie bieten wir dieses Seminar als ZOOM-Meeting Online an.

Ja

Organisator: publishingNETWORK und VSD

Kontaktinformation: René Theiler, E-Mailrene.theiler AT vsd DOT ch

https://www.vsd.ch/2020/10/01/seminar-augmented-reality-print-als-tueroeffner-in-die-digitale-welt/

Augmented Reality – Print als Türöffner in die digitale Welt

Neuste Foreneinträge


HDS eMail-Benachrichtigungen ???

Hilfe: Text bei Absturz verschwunden, Endnoten noch da

SVG Animation mit Pause

Shortcut funktioniert nicht mehr

PANTONE solid coated V4 - Farbpalette kein Vollton mehr?

Laserdrucker unterscheidet nur sporadisch zwischen Farbe und SW

Farbeinstellungen zeigen falschen Einstellungsnamen

Textrahmen - Unterteilte Spalte funktioniert nicht

Alternativ-Programm zu Acrobat Pro?

Office Vorlagen Darstellung
medienjobs