Probleme mit Floats
Liste der Anhänge anzeigen (Anzahl: 1)
Liebe Forumsgemeinde,
Ich habe ein Problem mit floats und google ist erschöpft. Anbei eine Grafik worauf ich hinaus will. Vielleicht ist auch die Verteilung der Container so gar nicht richtig ( oder notwendig) jedenfalls ist die geplante seite full-width. Zur weiteren Beschreibung: Das Logo steht ganz links, die beiden Menüs links und rechts und darunter ein Strich (der eben nicht über die ganz Länge geht sondern die Breite des Logos ausnimmt und das ist die Schwierigkeit) Fällt euch dazu was ein? Vielen Dank für eure Hilfe im Vorraus. Liebe Grüße |
Du kannst es mal so versuchen,:D ich aber habs nicht getestet.
Die Stylesheets werden normal ausgelagert. HTML-Code:
<div style="width: 800px; height: 800px; border: solid 1px #FF0000; padding: 1px; margin: 5px auto;"> |
Hi,
der Ansatz von Gabischatz ist schon ganz gut, leider fehlt noch ein clearendes Element, die horizontale Linie geht über die gesamte Breite des div und ein paar div sind zuviel. Hier mal ein möglicher Aufbau: HTML-Code:
<img style="display:block;float: left; width: XXXpx; height: YYYpx; src="adresse.jpg" alt="Logo" /> |
Hi Hook,
den Ansatz ist auch nicht schlecht, es kommt nur darauf an wie es hinterher aussehen soll, wobei das Irrelevant ist da jeder Benutzer sich seine Ansicht selber einrichten kann. Es ging mir nur darum ihm zu zeigen wie man so etwas aufbaut. Ob man einige DIVs weglassen kann, hängt von den Hintergrund-Grafiken ab oder ob ich es zentriert haben möchte oder oder oder. HR setze ich ein, um bei aus geschalteten Stylesheet Informationsbereiche von einander zu trennen. Deshalb steht bei mir in der CSS-Datei HTML-Code:
hr { MfG |
Zitat:
HTML-Code:
<!doctype html> Gruß, Roland |
sensationell wie schnell in diesem Forum wer antwortet - Danke!
Als Schwierigkeit kommt hinzu (und das ist ja genau das Problem) das Logo hat natürlich eine gewisse Breite (sagen wir jetzt 150px), der Rest (also das im gelben Kästchen) geht immer über die restliche Breite des Fensters... Ideen? |
Jetzt hat es tatsächlich geklappt.
Das float des gelben Kästchens weg und noch ein paar Margins und jetzt gehts. Vielen Dank!!!! |
Zitat:
Zitat:
Zitat:
Zitat:
@K.Roland Warum sollte ich das gesamte Grundgerüst mit angeben. Ich kenne weder die gewünschte DTD noch weiß ich welcher Zeichensatz genommen werden soll. Für mich ging es hier nur um einen Codeschnippsel, der den rudimentären Aufbau darstellt, ohne jeden überflüssigen Kram. Und inline-Styles sind zwar nicht schön, aber auch nicht falsch. Hook |
Alle Zeitangaben in WEZ +2. Es ist jetzt 00:25 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023