Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
DIV's nebeneinander positionieren (float:left)
zurück: tabelle mittig weiter: Formularfeld mit Berechnung Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Antwort Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
Eberh@rd
Ergonomie-Junkie


Verfasst am:
23. Apr 2012, 13:11
Rufname:

DIV's nebeneinander positionieren (float:left) - DIV's nebeneinander positionieren (float:left)

Nach oben
       

Hi Forum,

ich müsste eine Anzahl von DIV's positionieren ungefähr wie unten dargestellt:

Dabei geht es insbesondere um die blaue Box und die gelben Grafiken.

Die blaue Box sollte einfach linksbündig auf der Seite sein und eine bestimmte festgelegte Breite haben. Die beiden gelben Grafiken sollen dann links an der blauen Box anschließen (floaten).

Muss ich dann die blaue Box und die gelben Grafiken nochmals zusammen in ein DIV packen? Denn wenn ich die Grafiken im Quelltext einfach nach der blauen Box platziere, dann werden sie unterhalb der Box, und nicht neben der Box dargestellt (obwohl die Grafiken das Attribut float:left haben).

Vielen Dank schonmal für Tipps,

Grüße Eberh@rd
Nachtrag: Eberh@rd am 23. Apr 2012 um 14:35 hat folgendes geschrieben:
Habs gefunden. Ich hatte die Grafiken aus Versehen in dem Box-DIV drin. Habe sie jetzt im Quelltext dahinter und sie erscheinen nun korrekt neben der Box.

Nachtrag: Eberh@rd am 23. Apr 2012 um 15:33 hat folgendes geschrieben:
Ich bins nochmal.

Habe gerade festgestellt, nun erscheint zwar Grafik 1 linksbündig ausgerichtet an der blauen Box, aber Grafik 2 rutscht ihrerseits rechts neben Grafik 1.

Was müsste ich machen, damit Grafik 2 unterhalb von Grafik 1 erscheint, wie auf der Skizze dargestellt?

Vielen Dank vorab,

Grüße Eberh@rd



Divs.png
 Beschreibung:
 Dateigröße:  15.95 KB
 Angeschaut:  1298 mal

Divs.png


Larata
Im Profil kannst Du frei den Rang ändern


Verfasst am:
09. Jul 2012, 22:27
Rufname:


AW: DIV's nebeneinander positionieren (float:left) - AW: DIV's nebeneinander positionieren (float:left)

Nach oben
       

Du kannst hinter Grafik1 einfach ein
Code:
<br />
setzen oder ein beherztes
Code:
style="clear: right;"
mitgeben. Dann sollte es klappen.
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge HTML & CSS Forum: tabelle von 2 seiten nebeneinander drucken 2 helado 506 02. Jan 2014, 14:39
helado tabelle von 2 seiten nebeneinander drucken
Keine neuen Beiträge HTML & CSS Forum: Grafik relativ in einem DIV positionieren geht nicht 2 Eberh@rd 1848 28. März 2012, 20:47
Eberh@rd Grafik relativ in einem DIV positionieren geht nicht
Keine neuen Beiträge MS Expression Web Forum: HP Positionieren 6 stevenson36 1434 16. Aug 2010, 17:57
stevenson36 HP Positionieren
Keine neuen Beiträge MS Expression Web Forum: Probleme: Scrollen und divs auf gleicher Höhe halten 0 Gast 1564 20. Mai 2010, 01:02
Gast Probleme: Scrollen und divs auf gleicher Höhe halten
Keine neuen Beiträge PHP & JavaScript Forum: scrollen innerhalb eines divs 2 chopsui 1901 13. Nov 2009, 13:21
Gast scrollen innerhalb eines divs
Keine neuen Beiträge MS Expression Web Forum: Div Positionieren 4 HBM00 885 14. Jul 2009, 15:56
HBM00 Div Positionieren
Keine neuen Beiträge MS Expression Web Forum: CSS-Probleme mit Div's 2 Arran 495 10. Jan 2009, 19:44
Arran CSS-Probleme mit Div's
Keine neuen Beiträge PHP & JavaScript Forum: Grafik Static left Menu 4 kani 1097 29. Okt 2008, 14:45
Aqualung Grafik Static left Menu
Keine neuen Beiträge Frontpage Forum: left.htm vergrößern 1 Mattias04 550 29. Apr 2008, 17:19
elnico left.htm vergrößern
Keine neuen Beiträge Frontpage Forum: alsolut positionieren 9 Bluemann 819 07. Feb 2007, 14:12
Vielgelesen alsolut positionieren
Keine neuen Beiträge Frontpage Forum: DHTML-Menü fest positionieren 4 Joerg112 1030 15. Okt 2006, 10:40
Joerg112 DHTML-Menü fest positionieren
Keine neuen Beiträge Frontpage Forum: inhalt im frame positionieren 0 costa 1112 30. Jun 2006, 13:00
costa inhalt im frame positionieren
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: HTML Editoren Forum