Eure Webseiten #4

[Drakes]

Ich hab jetzt das eine div-Element im anderen eingesetzt:

Code:

<div id="box3">
		<div id="box4">
              </div>
</div>

height hab ich im CSS auf auto gesetzt, und trotzdem wird die Box nicht richtig verlängert, wenn der Text länger ist, um das zu überprüfen hab ich auf der Hauptseite längeren Text eingefügt. Hier nochmal der Link.
Hab jetzt den Rahmen rum gemacht damit mans besser sieht.

[mitaki]

height ist dafür die falsche Eingenschaft. Für den gewünschten Effekt wäre overflow: auto; oder overflow-y: auto; richtig.

Allerdings, es tut mir sehr leid, dass ich das jetzt sagen muss, solltest du deine Seitenstruktur noch einmal überdenken.

Du arbeitest sehr stark mit absoluter Positionierung, ohne dir über die Folgen davon im klaren zu sein (ein klassischer Anfängerfehler).

Wenn du etwas absolut positionierst nimmst du das Element aus dem Elementenfluss, das bedeutet, dass das Positionierte Element keinen Einfluss mehr auf das Elternelement hat.
Das Problem ensteht meiner Meinung nach dadurch, dass du zwar mit gutem HTML und CSS arbeiten möchtest, aber leider noch in der Zeilen und Spaltenwelt der Tabellendesigns festhängst.
Mit CSS baut man keine Tabellen nach, man gestaltet den Inhalt.
CSS kann (noch) nicht alles was mit Tabellen möglich ist, aber andersrum ist das genauso! Gerade deshalb ist es wichtig, sich mit den vielen Möglichkeiten von CSS zu beschäftigen und die Vor- und Nachteile der Eigenschaften nicht zu übersehen.
Absolute Positionierung ist toll, aber auch gefährlich, weil sich das Prinzip in verschiedenen Situationen verschieden auswirkt.

Im SELFHTML Forum sagt man immer, man sollte zuerst an den Inhalt denken, dann an das Design. Mit CSS ist das sehr gut möglich.
Ich bin dir nicht böse oder will dich niedermachen, ich habe auch mal mit Tabellen gearbeitet. Seit dem habe ich allerdings viel gelernt. ich hoffe dir wird es auch so ergehen

[Drakes]

Ich bin dir nicht böse oder will dich niedermachen, ich habe auch mal mit Tabellen gearbeitet.

...

Ich bin der Dumme, der dieses Attribut im Toturial übersprungen hat.O Du hilfst mir ja nur die ganze Zeit, dafür muss ich dir Dankbar sein.(auch drunken monkey)

Seit dem habe ich allerdings viel gelernt. ich hoffe dir wird es auch so ergehen

...

Ja, das hoff ich auch
Aber, was heisst das genau? Dass man mit CSS kein so positioniertes Design hinbekommt wie mit Tabellen? oder sollte man einfach nicht?

Edit: Auf was muss ich achten damit das Vaterelement dynamisch vergrössert wird? Darf es min-height bzw. min-width auch nicht enthalten?

[underdark]

Aber, was heisst das genau? Dass man mit CSS kein so positioniertes Design hinbekommt wie mit Tabellen? oder sollte man einfach nicht?

...

Zum Thema "Was ist mit CSS möglich": http://www.csszengarden.com/tr/deutsch/

[mitaki]

Aber, was heisst das genau? Dass man mit CSS kein so positioniertes Design hinbekommt wie mit Tabellen? oder sollte man einfach nicht?

...

Mit CSS ist es nicht möglich, mehrspaltige Designs zu erstellen, bei denen z.B. alle "Spalten" gleich lang sind.
Es ist aber durchaus möglich mehrspaltige Designs zu erstellen, bei denen man Inhalt und Navigation und eventuelle Zweitnavigation als 3 Spalten darstellen kann. Bei deinem Design würden zwei absolut Positionierte Elemente genügen (eines für den Loginbereich, das andere für die W3C Icons, die du aber auch weglassen könntest, weil sie die Besucher meist nur verwirren :/).

Ein kurzer Überblick, wie ich die Seite strukturieren würde.

• Titelbild in ein <h1>, mit passendem Alternativtext.
• Navigationsleiste als <ul> Liste.
• Ein <div> für den Inhalt mit position: relative; und rechts einem margin, border oder padding so breit wie die Loginleiste sein soll.
• Ein Element, dass den Loginbereich enthält, innerhalb des genannten <div>s, absolut neben dem Inhalt positioniert.
• Die Validierungsicons als Fußzeile, wenn du sie wirklich behalten möchtest.

Zum Thema "Was ist mit CSS möglich": http://www.csszengarden.com/tr/deutsch/

...

Wobei ich Zen aber eher als Seite empfinde, auf der sich Designer austoben können. Welches dieser Designs könnte schon als echte Webseite durchgehen?

[Drakes]

Kann ich die <ul> Liste irgendwie auf einen Absatz setzen, ich hab jetzt schon ein paar Sachen verändert, aber die <ul> Liste hät ich lieber quer, wenn das geht.

Edit:
1. Juhuu 400 posts.
2. Muss geclosed werden.