Seite 1 von 1
Wie Zeilenumbruch nach DIV verhindern?
Verfasst: 10.10.2013, 16:09
von Business-Experte
Hallo,
wie verhindere ich hier den Zeilenumbruch:
https://jsfiddle.net/qGrz2/
Es geht um den roten und den blauen Kasten. Die sollen in einer Zeile stehen, tun sie aber nicht.
Verfasst:
von
Hochwertiger Linkaufbau bei ABAKUS:
- Google-konformer Linkaufbau
- nachhaltiges Ranking
- Linkbuilding Angebote zu fairen Preisen
- internationale Backlinks
Wir bieten
Beratung und
Umsetzung.
Jetzt anfragen:
0511 / 300325-0
Re: Wie Zeilenumbruch nach DIV verhindern?
Verfasst: 10.10.2013, 17:25
von SloMo
Business-Experte hat geschrieben:Es geht um den roten und den blauen Kasten. Die sollen in einer Zeile stehen, tun sie aber nicht.
Du könntest dem div#rechts einen negativen linken Rand geben (margin-left:-384px). Das hebt den rechten Rand von div#links auf.
Verfasst: 10.10.2013, 17:30
von Business-Experte
Ja, so gehts! Danke!
Ist das ein schlauer Ansatz für ein 2spaltiges Layout mit einer flexiblen und einer festen Spaltenbreite?
Verfasst: 12.10.2013, 10:33
von SloMo
Was ist an Layout schon schlau. :) Es ist halt eine Möglichkeit. Auf kleinen Displays verschwindet Dein linker Content. Das ist nicht immer wünschenswert.
Re: Wie Zeilenumbruch nach DIV verhindern?
Verfasst: 15.10.2013, 22:29
von nerd
SloMo hat geschrieben:Business-Experte hat geschrieben:Es geht um den roten und den blauen Kasten. Die sollen in einer Zeile stehen, tun sie aber nicht.
Du könntest dem div#rechts einen negativen linken Rand geben (margin-left:-384px). Das hebt den rechten Rand von div#links auf.
Leider falsch slomo - 0 Punkte für Gryffindor!
Wenn du beide elemente in einer zeile willst dann musst du display schon auf inline setzen; default ist block!
https://jsfiddle.net/qGrz2/1/
Re: Wie Zeilenumbruch nach DIV verhindern?
Verfasst: 15.10.2013, 22:57
von SloMo
nerd hat geschrieben:Leider falsch slomo - 0 Punkte für Gryffindor!
Wenn du beide elemente in einer zeile willst dann musst du display schon auf inline setzen; default ist block!
Es ging um die feste Breite des rechten DIVs, Du Zweitligist! ;)
Zugegeben, das ging eigentlich nur aus dem Quelltext hervor...
Verfasst: 16.10.2013, 01:23
von mtx93
Business-Experte hat geschrieben:Ja, so gehts! Danke!
Ist das ein schlauer Ansatz für ein 2spaltiges Layout mit einer flexiblen und einer festen Spaltenbreite?
Schau mal hier.
https://matthewjamestaylor.com/blog/ult ... pixels.htm
Das Spezielle der Dinger ist, das der Content im Quelltext immer zuerst kommt, dann die Panel. Außerdem ziehen diese Layouts die divs der Panels/content immer auf die gleiche Höhe wie die des größten Divs. Also, das was tables machen und divs eigentlich nicht, das sie sich auf die Höhe des eigenen Inhalts ausrichten. Das ist auch wichtig, wenn man die Panels ganz einfärben will oder Texturen dürber legt.
