Einführung | Webdesign mit XHTML und CSS #9 wird sofort gemacht Hey komm gerade von der Arbeit, danke für deine Antwort. Fange sofort an. Hab aber schon was neues gestern probiert, habs nur heute früh nicht geschaft einzustellen also: Ich versteh es einfach nicht. 1. Nur für eine Auflösung schreiben is heute nich gut, also ich hätte gern oben ein Grafik die immer zentriert sein soll. Sie soll in der Breite min 800px losgehen und bei max 1180px aufhören. Ich soll div's vermeiden als pack ich Sie in nen Absatz den zentrier ich, alles super. Auflösung 1024/768 gut Auflösung 1280/1024 gut. Css text umfließt div class. Nu will ich gern ne Navigation links, weil oben wäre einfach. Diese soll immer in einer Flucht mit der Grafik sein bei 1024/768 kein Thema beides fängt ja links an. Guckt nu einer mit ner Auflösung von 1280/1024 oder höher Grafik zentriert Navi links. Also MUß ich doch beides in einen DIV packen. Oder???? Navi soll flexibel wachsen je noch Auflösung (z. B. 80% von der Bildschirmhöhe), sprich die Zwischräume zwischen den li sollen größer werden je größer die Auflösung.
1: Der Ballon ist drin, schwebt aber noch nicht Die Grafik floaten Die Eigenschaft float kann die Werte left oder right bekommen, um das Element nach links ( float: left) oder nach rechts ( float: right) schweben zu lassen. Nur der Vollständigkeit halber: In die Mitte schweben lassen geht nicht, es gibt kein float: center. Die CSS float-Eigenschaft verstehen und anwenden | kulturbanause®. Versuchen Sie es gar nicht erst. Um den Ballon nach rechts schweben zu lassen, können Sie die Deklaration float:right mit dem Attribut style direkt in das img -Element schreiben: ToDo: Die eingebundene Grafik auf der Startseite nach rechts floaten Öffnen Sie die Startseite und ändern Sie den Quelltext wie folgt:
Webseiten bestehen aus...
Noch nicht besonders hübsch, aber der Text fließt um die Grafik herum. Die Grafik macht zunächst die drei typischen Float-Bewegungen:
aus dem Fluss heraus,
in der umgebenden p -Kiste (am linken Rand) ganz nach oben
und dann so weit wie möglich nach rechts.
Also irgendwie hab ich bei dieser Stelle das Problem nicht so ganz verstanden: In dem Fall muss ich aber ohne "Extra" Div auskommen, da die Standardeigenschaft eigentlich vom einen float: right und vom anderen float: left ist, also beide den Inhalt umfließen sollen. Warum genau kannst Du jetzt nochmal kein extra-Div benutzen? Du schreibst da, dass die Div-Teile den Inhalt umfließen sollen, anstatt dass der Inhalt die Divs umfließt.... wie genau stellst Du dir das vor? Habs auch nich verstanden??? Kann aber auch an mir liegen Willst Du das vieleicht hinbekommen, dass Du nur die CSS-Datei änderst, ohne irgendwas am HTML-Code zu ändern? In vielen Fällen ist das denke ich nämlich nicht möglich... Du könntest natürlich absolute Positionierung benutzen, dass is ja aber eigentlich keine schöne Lösung. Sorry, ich war mal ein paar Tage lang nicht zu Hause Also ich hab mir schon gedacht, dass das vielleicht ein bisschen unverständlich war. DIV überschneiden sich | tutorials.de. Also dann nochmal: Dermaßen schauen die Templates aus, also rechts eine Shoutbox, links die Navigation; mit float-Definitionen wird erreicht, dass der Inhalt die beiden Elemente umfließt: Dazu wird im Quelltext erst die Navigation definiert, dann die Shoutbox und zum Schluss der Inhalt.
Zum Inhalt springen
Erstellt man eine HTML-Seite mit verschiedenen Textblöcken und Bildern, so werden diese erst einmal im standardmäßigem Fluss von links nach recht und von oben nach unten angeordnet. Mittels CSS und der float-Eigenschaft lassen sich Blöcke an eine bestimmte Position ausrichten. Blöcke können in diesem Fall die verschiedensten HTML-Elemente, wie ,