|
|||
Layout: Tabelle -> CSS | ohne Schönheitsfehler?
Hi alle zusammen,
Bin hier durch einen Feund gelandet und finds hier auch ganz nett. Man hat ihm ein paar Tutorials Fürs Layout empfohlen und da hab ich gelich mal reingeschaut, da ich selber Anfänger bin! Anscheinend soll man ja alles mit CSS schaffen, wenn man nur weis wie... Ich hab Probleme wenn es um die Dynamik in der Breite geht: http://www.knickedi.m00.de/beispiele...t-tabelle.html http://www.knickedi.m00.de/beispiele...t-mit-css.html Die Dateinamen verraten es schon... Beide Codes sind XHTML Strict konform. Wenn man die Dokumente öffnet, sieht das ziemlich gleich aus, aber da gibt es kleine Einzelheiten im CSS Layout, die nicht gleich auffallen, die mich aber stören: - Ich krieg die Hintergrunfarbe vom Inhalt (neben der Navigation) und unter dem Footer niht verschieden - Die Seite soll sich dem Banner komplett anpassen, also ab 800px komplett scrollbar sein - aus dem 2ten Punkt folgt das Nächste: zieht mal das Fenster bei CSS zusammen und scrollt da nach rechts... hässlich find ich das Ich vermute, dass ich da zu unerfahren bin, aber kriegt man das wirklich wie bei der Tabelle hin? Bei Layouts mit fester Breite ist die Sache mit CSS gar nicht schwer, aber bei solcher Dynamik verzweifle ich daran! Ist es so schlimm mal Tabelle fürs Layout zu nutzen? Der Vorteil der geringeren Größe, wirkt nur dann wenn ich die Formatierung in einer Datei auslagere und selbst dann ist der Unterschied gering. (Schon klar, dass bei mach anderem Layout die Tabellen einfach riesig werden, aber da wüsste ich, wie ich CSS anwenden kann!) Über Verbesserungsvorschläge bezüglich des Codes bin ich sehr dankbar! Bin Anfänger und muss noch lernen^^ Vielen Dank im Voraus MfG Knickedi |
Sponsored Links |
|
|||
Willkommen im Forum!
Zitat:
Bitte ändere deinen Seitenaufbau. Zur Strukturierung von zusammengehörenden Bereichen eignet sich das div-Element. Für diese Bereiche vergib dann bitte sinnvolle Namen. Warum heißt der Bereich deiner Navigation "outer"? Und der Inhalt "inner"? Für mich sieht das, was du da machst, sehr danach aus, dass du verschiedene Layouttechniken mischst, ohne wirklich verstanden zu haben, was da jeweils passiert. Zeig doch bitte deine Vorbilder her. Ein Beispiel: die Eigenschaften, die du auf #content anwendest, dienen eigentlich dazu, gleichlange Spalten zu erzeugen. Das machst du aber dadurch zunichte, dass du der Navigation eine andere Hintergrundfarbe gibst und das clear innerhalb von #content vergisst. Bitte arbeite die FAQ dieses Forums durch, dort findest du auch viel Information zu float und clear. Zitat:
Zitat:
Wenn du eine Darstellung willst, die sich wie Tabellen/-zellen verhält, dann gibt es die entsprechenden display-Eigenschaften. Das scheitert dann nur an der mangelnden Unterstützung durch einen weit verbreiteten Browser. Grüße fricca |
Sponsored Links |
|
||||
Zitat:
Zitat:
Zitat:
Mach ich jetzt mal, versuch mich nochmal an dem layout und meld mich am besten danach nochmal. PS: Zitat:
Bin auch nicht sooo lange dabei. MfG |
|
|||
Zitat:
Aber bitte versteh erst einmal die Grundlagen, bevor du dich an die Fehlerbehebung für den IE machst. Zitat:
|
|
|||
Zitat:
MfG Knickedi |
|
|||
Zitat:
Was du im Moment machst, verfehlt das Ziel. |
|
||||
Schön wäre es auch, wenn du dein HTML nicht am Design orientierst, sondern an der Dokumentstruktur. Die hängt nur vom Inhalt ab.
Daher ist die Aussage, divs seien dafür geeignet, etwas gefährlich. Das ist in einer ziemlich div-Suppe ausgeartet. Es kommt auch vor, daß man seine Designvorstellungen über den Haufen wirft, nachdem man sich einige Gedanken dazu gemacht hat: http://www.vorsprungdurchwebstandard.../retro-coding/ Unser Lieblingslink zum Thema Semantik. |
|
|||
Zitat:
Das Layout von dem ich abgekupfert habe, hat eine feste Breite. Hat Header und Footer und genau den selben auf Aufbau mit den negativen Werten für Navigation. Da Problem an diesem Layout ist, dass es eine Feste Breite hat und dass sich der Footer nur dem Inhalt anpasst, aber bei längerer Navigation fehlerhaft dargestellt wird... Aber bevor ich mitreden kann, les ich lieber noch ein bisschen. Hab immer noch nicht die FAQ gelesen... MfG Knickedi |
|
|||
Zitat:
Im Moment ist das alles völlig daneben - du floatest und verschiebst jetzt den #content-Bereich. Enferne bitte erstmal alle deine padding-divs. Setz für deinen "Header" eine h1-Überschrift ein. Setz für deine Navigation eine Liste ein. Verwende p-Elemente für Textabsätze. Vergiss das b-Element. Enferne pt als Einheit für die Schriftgröße - dafür eignen sich em oder %. |
Sponsored Links |
|
|||
Alles klar, bis auf...
Zitat:
Oder komm das auch später? Ist es ratsam <!--[if IE]> zu benutzen? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS > Tabelle im Frame über den Rand hinaus? | Stephan1958 | CSS | 5 | 04.02.2016 12:47 |
Frage zu CSS Layout | ignore | CSS | 1 | 07.05.2007 18:02 |
Mein erstes CSS Layout | Sonriente | CSS | 0 | 03.04.2007 02:01 |
includes bei css layout | dan | CSS | 2 | 10.03.2004 19:21 |
Tabelle mit CSS zentrieren | to.ni | CSS | 8 | 27.02.2004 11:33 |