[GastForen Web allgemein HTML und CSS / Stylesheets Overflow geht nicht wenn position gesetzt ist!?

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

Overflow geht nicht wenn position gesetzt ist!?

Canio
Beiträge gesamt: 174

21. Nov 2006, 11:56
Beitrag # 1 von 3
Bewertung:
(1064 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo, also ich hab folgende html-Struktur:

Code
<ul> 
<li class="list">
<div class="category-link">
<a href="#">category</a>
</div>
</li>
</ul>


Die Listeneinträge werden per Javascript generiert, es gibt also mehrere davon. Per CSS weise ich dem div folgendes zu:

.category-link{
position: relative;
margin-top: -1em;
top: -5px;
left: 50px;
}

Jetzt das Problem: Der Hauptcontainer, in dem der ul-Tag liegt, ist auf overflow: hidden gesetzt. D. h. überstehender Inhalt wird abgeschnitten, und ich kann über Javascript diesen Inhalt scrollbar machen. Die Links innerhalb der li-Tags allerdings halten sich nicht daran. Sie werden nicht abgeschnitten und sind nicht scrollbar.
Nur wenn ich per CSS die Eigenschaft position im obigen Beispiel weglasse, erhalte ich das gewünschte Verhalten. Ich brauch aber das Attribut um die Links zu positionieren, sieht sonst völlig wüst aus.
Wie bringe ich also position und overflow unter einen Hut???
X

Overflow geht nicht wenn position gesetzt ist!?

SabineP
Beiträge gesamt: 7586

21. Nov 2006, 12:32
Beitrag # 2 von 3
Beitrag ID: #262927
Bewertung:
(1060 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Canio,

Probiers mal mit

overflow:scroll
und
clip:auto

http://edition-w3c.de/...html#heading-11.1%A0

Gruß Sabine


als Antwort auf: [#262921]

Overflow geht nicht wenn position gesetzt ist!?

Canio
Beiträge gesamt: 174

21. Nov 2006, 12:42
Beitrag # 3 von 3
Beitrag ID: #262929
Bewertung:
(1056 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Geht leider nicht.
Wie gesagt, nur wenn ich position ganz entferne geht es.


als Antwort auf: [#262927]

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.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/