Hallo!
Ich habe eine Seite erstellt, wo ich HTML5 benutze.
Um die Seite auf zwei Flächen (Links,Rechts) zu teilen, benutze ich für die linke Seite <article> und für die rechte <aside>.
Das Problem ist, dass es mehrere article's sind sowie aside's.
HTML
So, dementsprechend, wenn ich nur ein Article (section) habe, dafür aber zwei Aside's, spring der untere Aside nach links.
Normal:
section | aside
section | aside
section | aside
section |
section |
Fehler:
section | aside
aside|
aside|
Habt ihr ein paar Vorschlage, wie ich es beseitigen könnte?
Vielen Dank im Voraus!
Ich habe eine Seite erstellt, wo ich HTML5 benutze.
Um die Seite auf zwei Flächen (Links,Rechts) zu teilen, benutze ich für die linke Seite <article> und für die rechte <aside>.
Das Problem ist, dass es mehrere article's sind sowie aside's.
Code:
.main aside { float: right; width: 28%; } .main article { float: left; width: 57%; }
Code:
<article> <section>foo</section> <section>foo</section> </article> <aside>foo</aside> <aside>foo</aside> <aside>foo</aside>
Normal:
section | aside
section | aside
section | aside
section |
section |
Fehler:
section | aside
aside|
aside|
Habt ihr ein paar Vorschlage, wie ich es beseitigen könnte?
Vielen Dank im Voraus!
Kommentar