Kann man zwei divs nebeneinander machen/haben?

04.10.2020, 19:33

Die beiden divs möchte ich nebeneinander haben.

#news css

#sidebar css

4 Antworten

NackterGerd

04.10.2020, 21:22

Klar geht das

Mit Grid Container sogar besonders einfach

https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid/Einf%C3%BChrung#Flexbox_oder_Grid_Layout

Und für Responsable Design kann sogar automatisch auf untereinander beim Handy umgeschaltet werden

Steffile

04.10.2020, 19:14

Ja klar, auch meher als zwei.

Floaten, flexbox, grid - schau mal was du bei w3 schools findest.

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML

04.10.2020, 19:15

Ja, Stichwörter:

Flexbox
CSS Grid
Float
inline-block

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

ChrisCat1, UserMod Light

04.10.2020, 19:17

Natürlich, auch mehr als nur zwei.

Das geht z.B. so:

<div style="float:left;"></div>
<div style="float:left;"></div>

https://www.w3schools.com/cssref/pr_class_float.asp

Geomatrics1

Beitragsersteller

04.10.2020, 19:34

Ich hab einmal die frage ergänzt

ChrisCat1, UserMod Light

04.10.2020, 20:16

@Geomatrics1

Ja ok, und?

Habe es mal eben grob nach gebaut und bekomme div#sidebar rechts neben div#news angezeigt, wie es ja auch per css definiert ist.

Ähnliche Beiträge

Mehrere Divs nebeneinander ohne Überlappen (HTML)

Hallo Zusammen

Ich würde gerne in meiner Webseite ein Div mit einem Inhalt links der Seite, sowie der Hauptinhalt in einem anderen Div rechts der Seite anzeigen lassen.

Das habe ich soweit auch hingekriegt. Jetzt kommt das Problem:

Bei Verkleinerung des Browserfensters überlappen sich die einzelnen Divs und ich möchte fragen wie man diese dazu zwingt sich nebeneinander einzureihen...

Freue mich auf Ratschläge,

Liebe Grüsse

...zum Beitrag

Eine Div immer im Vordergrund, wie?

Ich habe zwei Divs. Eine oben in fixed Position und eine darunter in absolute. Wenn ich nach unten Scrolle überdeckt die untere Div die obere. Wie bekomme ich die obere Div, die in fixed Postion steht immer ganz nach vorne?

[Bereich HTML/CSS]

...zum Beitrag

Basic HTML Kästchen positionieren?

Hey.

Also ich weiß, dass es bei HTML divs gibt die sozusagen Blöcke sind die man mit Eigenschaften versehen kann via CSS.

nun wollte ich ein einfaches web layout gestalten aber scheitere daran, dass ich divisions einmal rechtsbündig und einmal linksbündig zentriere mit nem abstand dazwischen

wie ihr sehen könnt habe ich es dann zusammen gepfuscht bekommen sodass die abstände halbwegs passen.

gibt es da einen besseren zugang ? Bitte nur Tipps will selbst auf die Lösung kommen :)

bin auch schon am Überlegen den Code komplett neu zu schreiben :)

habe euch ein bild vom layout gemacht. dachte eigentlich ich mache für jedes kästchen eine eigene div umgeben von einer master div welche die komplette breite bestimmen soll.

und darin dann eben die einzelnen divs entweder zentrieren oder rechts / links

nur weil ich eben 2 kästchen in einer reihe habe dachte ich daran es mit einem table zu lösen und in der tr dann eben 2x TD damit die divs nebeneinander sein können

nicht geklappt. hab eigentlich schon so ziemlich alles probiert. divs hinzufügen, entfernen und über css habe ich versucht einzelne elemente zu manipulieren etc.

haut leider nicht hin.

Was meint ihr zu den bilder crop und größen veränderung. ich weiß man könnte es mit photoshop auf die entsprechende größé trimmen aber ich wollte es mit html/css schaffen :)

habe auch versucht den code Schön zu machen als "Lesbar", was hält ihr davon?

HTML

http://pastie.org/p/2vfSJIRfb5QSHBNQciATWO

Header CSS

http://pastie.org/p/6wEHhhZQWKYwwfC2RSxof3

Mainstyle CSS

http://pastie.org/p/5gFxKIEBpI0f5dlimjen9X

Footer CSS

http://pastie.org/p/5oUkLA58gIJ8cgWjw6gGTq

...zum Beitrag

Wie in CSS eine Sidebar erstellen, die den Content meiner Webseite verschiebt?

Hallo zusammen,

ja ich weiß, es klingt ziemlich kompliziert was ich suche, aber das ist es eigentlich gar nicht. Ich habe zwei Divs auf meiner Webseite. Div 1 ist ein Button und div 2 soll eine Sidebar werden. Wenn ich den Button drücke, dann soll Div 1 verschwinden und Div 2 auftauchen. Das klappt auch alles via JS wunderbar und ohne Probleme.

Nun würde ich jedoch gerne, dass der Content meiner Webseite (neben der Sidebar) nun zentriert wird (ist bereits der Fall), jedoch auch zentriert wird wenn die Sidebar eingeblendet wird. Also als ob man das Browser-Fenster verkleinert und dann die Sidebar anzeigt.

Ich hoffe ihr habt verstanden was ich will und könnt mir eventuell helfen.

Danke sehr!

...zum Beitrag

4 divs nebeneinander anordnen

Hallo, ich habe 4 divs, die in einem großen div direkt nebeneinander liegen sollen.

ich hab erstmal ohne stylesheet angefangen:D

http://finnzentgraf.fi.funpic.de/Untitled-1.html

warum leigen die alle untereinander, und sogar außerhalb des großen divs?

...zum Beitrag

HTML/CSS Bilder nebeneinander mit Abstand?

Ich habe zwei Bilder mittig nebeneinander, so dass es nur einen ganz kleinen Spalt zwischen den zwei Bildern gibt. Wie kann ich den Spalt vergrößern?

...zum Beitrag

HTML Kästen nebeneinander?

Hallo,

kann mir jemand verraten wie ich in HTML/ CSS, die zwei blauen Kästen nebeneinander bekomme (Auf einer Höhe)

Vielen Dank im Vorraus!

...zum Beitrag

HTML/CSS 2 Bilder nebeneinander?

Ich würde gerne in HTML mit CSS 2 bilder nebeinander positionieren. Beide sind in einer DIV BOX... Siehe das Bild im Anhang..

...zum Beitrag

[HTML] Wie bekomme ich diese Zwei dinge nebeneinander?

also ich habe folgendes:

<form>
<textarea></textarea>
</form>
<button>Test</button>

normal ist der button unter der textarea, ich möchte ihn aber daneben haben. Wie geht das in Css?

...zum Beitrag

CSS transition mit JavaScript onclick ausfuehren?

Ich wuerde gerne in einer NavBar (oben fixiert), links einen Button erstellen, der mit onclick eine CSS ausfuehrt, die eine SideBar (von links) drauflegt.

Also, sobald links oben das Onclick geklickt wird -> Sidebar wird von links aus reingeschoben, indem eine CSS ausgefuehrt wird.

Das einzige was Ich nicht wuesste ist wie Ich das JS onclick dazu bringe, entweder eine CSS auszufuehren, oder gar zu erstellen/auszuwechseln (zu replacen). Bzw. alternativ, was mir noch in den Sinn kaeme, koennte das CSS in default ja in einem Kommentar stehen, und bei Ausfuehrung wird zwischen zwei CSS gewechselt (das eine wird in Kommentar gesetzt (default) und das andere, was normal in Kommentar steht, steht nun ohne Kommentar, und bei wegklicken wird das wieder zurueckgesetzt) - aber wie wuerde das gehen, Ich habe naemlich keinerlei Idee dazu..

...zum Beitrag

Divs in Css nicht überlappen?

Hallo leute, wie schafft man es das sich in html/css 2 divs nicht überlappen können und auch z.b kein text dahinter kann damit auf smartphones textumbrüche gemacht werden und nicht 3 divs ineinander sind sondern alle 3 untereinander aufgelistet sind LG

...zum Beitrag

Webseiten Aufbau...Div Blöcke nebeneinander?

Hallo

Ich bin dabei eine Seite aufzubauen die aus mehreren Div Blöcken besteht ...Siehe Bild

Ich stehe vor einem Problem ...wie schaffe ich es drei Div Blöcke nebeneinander zu positionieren ....

div.Navigation | div.Content | div.Informationen

...kann mir da jemand helfen

Das ganze mache ich in ASP.NET ...sollte aber eigentlich egal sein weil das ja nur mit HTML und CSS zu tun haben muss

gruß .w.t

...zum Beitrag

CSS: Zwei Bilder nebeneinander zentrieren?

Hallo ich habe eine Seite gebastelt möchte zwei Bilder nebeneinder zentriert anordnen. Wie mache ich das?

Code html

<footer>
<img class = "social" src="facebook.png">
<img class = "social" src="twitter.png">
</footer>

Css

img.social {
float: middle;
display: block;
margin: auto;
width: 5%;
height: 5%;
}

...zum Beitrag

2 Tabellen untereinander anordnen HTML CSS?

Ich würde gerne 2 Tabellen untereinander anlegen.Ich habe dies schon mit divs probiert jedoch hat dies nicht so ganz geklappt.Kann mir wer erklären wie ich das machen kann?Danke

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen