Problem bei einem Content

[Witschi262]

Hallo!
Erstmal vorbeischauen:
RageHabZ | Version 3

Und ich glaube, das Problem ist deutlich!Wenn ich zuviel Text auf dem Content habe, geht der Text einfach mal aus der Zeile heraus...

Auf anderen Websites, "verlängert" sich der Content, also das Mittelstück.
(http://witschi262.bplaced.net/libs/images/Design/boxmiddle.png)
Ich möchte, dass sich der Content, nach dem Text richtet, und sich dementsprechend verlängert oder eben kürzt.

Das Script ist ja auf der Website zu lesen.Wer es im Forum habe möchte, einfach Posten (:

 

[Space Vampire]

na wenn du deiner class="middle" eine height:18px gibst ist das kein wunder oder?
was anderes seh ich gerade nicht

 

[Witschi262]

Habe die height mal verstellt ergebnis:
Es bleibt genauso, w ie vorher, nur, dass der bottom vom Content nach unten verschoben wird.
Ich möchte ja, dass genau dieses height sich AUTOMATISCH vergrößert oder verkleinert.Genauer:
Es wird einfach nur größer&Kleiner.

 

[Efchen]

Space Vampire hat schon recht, es liegt allein an den 18px Höhe.

Du hast nur übersehen, dass Dein Hintergrundbild kleiner ist als das, was der Content erzeugt.
Wenn Du die Höhe rausnimmst, und dem div mal eine Hintergrundfarbe gibst, wirst Du merken, dass das div den gesamten Content umschließt.

Aber so nebenbei: HTML ist das in keiner Weise, was Du da schreibst, das kannst Du nicht so lassen! Reine div-Suppe - ungenießbar!

 

[Witschi262]

Zu deinem ersten Punkt
heißt das, ich muss eine Breite angeben?

Zweiter Punkt:
Wie kann ich es umschreiben?

Edit:
Zum ersten Punkt, habe eine Breite angegeben, und repeat auf y gesetzt, funktioniert wunderbar.Aber, ich wollte es ja so, dass sich das ganze Automatisch verlängert, und nicht, dass ich es manuell machen muss.

 

[Efchen]

Zu deinem ersten Punkt
heißt das, ich muss eine Breite angeben?

Niemand hat je von Breite geredet.

Zweiter Punkt:
Wie kann ich es umschreiben?

So, dass es funktioniert. Was ist unklar? Hast Du ausprobiert, was ich Dir empfohlen habe? Hast Du *verstanden*, was falsch ist? Oder bist Du so einer, der die Lösung will und sich nicht dafür interessiert, *wie* es geht, sondern nur *dass* es geht?

Zum ersten Punkt, habe eine Breite angegeben, und repeat auf y gesetzt, funktioniert wunderbar.Aber, ich wollte es ja so, dass sich das ganze Automatisch verlängert, und nicht, dass ich es manuell machen muss.

Wie gesagt, es geht doch hier gar nicht um die Breite, sondern Deine Frage bezog sich doch auf die Höhe, oder nicht?

 

[Witschi262]

Aber so nebenbei: HTML ist das in keiner Weise, was Du da schreibst, das kannst Du nicht so lassen! Reine div-Suppe - ungenießbar!

Diesbezüglich war der zweite Punkt gemeint.

Ich lasse einfach mal width dort, kann ja nicht schaden, oder?

 

[Efchen]

Okay, missverstanden. Dann hier die Antwort zu Punkt 2: Einführung | Webdesign mit XHTML und CSS

 

[Witschi262]

Hm, ich weiß immernoch nicht, was du genau meinst.
Ich verwende zu viele <div>'s das weiß ich jetzt nun, aber wie soll ich das beheben.Ich muss ja einer "Codezeile" sagen, wie es "heißt" damit CSS arbeiten kann.

 

[Efchen]

CSS kann mit allem arbeiten.

Aber für HTML ist es essenziell, dass Du die *richtigen* Tags verwendest.
Jedes Tag hat eine Bedeutung. Die Bedeutung von <div> ist "Gruppe mehrerer Elemente". Dass das bei Dir fast nirgendwo zutrifft, solltest Du erkennen können. <p> dient dazu, einen Textabsatz auszuzeichnen, <h1> eine Überschrift 1. Grades, <address> eine Adresse usw. Damit gibst Du Deinem Inhalt eine logische Bedeutung.
Um ein Layout machen zu können, muss die Basis aus HTML stimmen, und das geht nur, wenn Du Inhalt hast - was hier natürlich schwierig ist. Aber das macht dann CSS auch nicht leichter.

Wie Du das also behebst?
Du schreibst Deinen Inhalt, zeichnest diesen semantisch sinnvoll aus und dann machst Du mit dem, was Du hast, Dein Layout. Irgendwelche extra-Tags, sei es table oder div, braucht man prinzipiell nicht zum Layouten.

 

[Witschi262]

Ich verstehe, was du meinst.
Was ich aber nicht verstehe WIE genau ich jetzt vorgehen musst.

Außerdem, mein Problem mit dem Content ist immernoch niccht gelöst.Es ist zwar nach meiner zufriedenheit, muss aber jedesmal eine neue "height" anzeige geben damit der Text richtig passt.Da ich nicht mit iFrames arbeiten möchte, müsste ich die CSS Datei jedes mal neu erstellen, was wiederum unnötig und auch aufwendig ist.
Was ich möchte ist, dass wenn ich Text schreibe, der Content sich selber Anpasst und keine Strickte height anzeige verwenden soll!

Edit:
Problem gelöst.

 

[Efchen]

Was ich aber nicht verstehe WIE genau ich jetzt vorgehen musst.

Wenn sich in Deinem Kopf alles dreht, fängst Du am besten nochmal ganz vorn Vorne an. Das heißt, Du nimmst Dir das Grundgerüst einer HTML-Seite und schreibst da erstmal nur Deinen Inhalt rein. Danach zeichnet Du den logishc mit HTML aus. Wenn das fertig ist, fängst Du erst an, das Layout/Design mit CSS zu machen.

Außerdem, mein Problem mit dem Content ist immernoch niccht gelöst.Es ist zwar nach meiner zufriedenheit, muss aber jedesmal eine neue "height" anzeige geben damit der Text richtig passt.

Ich sehe im entsprechenden Element (div#middle) keine "height".

Problem gelöst.

Ah. Okay :-)

Aber lerne trotzdem HTML, bzw. versuche so vorzugehen, wie ich oben geschrieben habe. Im Moment ist Dein HTML eine Katastrophe, eine reine div-Suppe.

 

[Witschi262]

Ja, aber wie soll CSS dann wissen, welches Objekt jetzt verändert werden soll=?

 

[Efchen]

Das gibst Du doch an.

a:hover {
    color:red;
}
ul#Menu {
    list-style-type:none;
}
address {
    font-style:normal;
}

Hier formatierst Du alle Links im besuchten Zustand, dann eine Liste, die die ID "Menu" hat und alle Adressen-Tags.

CSS nimmt das, was Du ihm gibst. Nichts, was Du in HTML machst, tust Du, weil Du damit Aussehen verändern willst. Du benutzt HTML nur zur Auszeichnung der Semantik des Inhalts.

 

[Witschi262]

Aber,
wenn ich einen Contenttop machen möchte, muss ich ja irgendwie in HTML kennzeichnen wo dieses Objekt dann hingehört.

 

[Efchen]

Was ist ein "Contenttop"?
Nein, in HTML kennzeichnest Du nicht, wo das Objekt hingehört.

In HTML gibst Du nur an, was der Inhalt bedeutet. Solange Du HTML auszeichnest, vergisst Du Dein geplantes Layout am besten, sonst kommst Du durcheinander. Erst, wenn Du verinnerlicht hast, was "Semantik" bedeutet und wie man HTML anwendet, macht es Sinn, an der ein oder anderen Stelle voraus zu greifen und gelegentlich Elemente einzufügen, die allein wegen der Semantik nicht nötig wären. Aber sich solche Gedanken zu machen, kann ich einem Anfänger nicht empfehlen.

 

[Witschi262]

Ein Content ist bei mir so aufgebaut:
contenttop == Die Grafik die bei einem Content oben ist
contentmiddle == Die grafik, inder der text steht
contentbottom == Die grafik, die beim' Content unten ist.

Nun, das CSS ist kein Problem.Wenn ich aber nur einen CSS Code erstelle allein, bringt mir herzlich wenig.Irgendwo muss ja im HTML Code etwas sein, dass CSS weiß --> Aha!Jetzt komme ich ins Spiel, : Hier sind mal die ganzen Codes, für dieses Objekt.

Woher soll CSS wissen, auf welches Objekt sich das ganze bezieht, ohne DIV's?Klar, bei Links etc. kein Problem. Aber bei selbst erstellten Grafiken, beidem einfach kein Inhalt zusehen ist, beidem ich kein HTML brauche um einen Inhalt auszugeben?

Ich frage anders:
Wie soll ich, deiner Meinungnach, eine Grafik mit CSS darstellen?

 

[Elroy]

Hallo.

Wenn deine Seite Inhalt hat dann gibt es auch genug möglichkeiten diesem Inhalt deine Grafik zuzuweisen.

Du arbeitest im Moment so: Du hast eine leere Seite und willst dort Grafiken plazieren, und jetzt weisst du nicht wo du deine Grafiken zuordnen sollst.

Mach es so wie Efchen gesagt hat, erstelle deinen Inhalt und danach dein Layout dann klappts auch mit den Grafiken.

Gruss
Elroy

 

[Efchen]

Ein Content ist bei mir so aufgebaut

Eigentlich ist das Schnickschnack. Weil "Content" heißt "Inhalt", und zum Inhalt gehören Bilder nicht.
Deswegen verstehst Du auch gerade gar nicht, was ich von Dir will und was "Trennung von Inhalt und Layout" bedeutet, weil Du Zier-Grafiken zum Inhalt zählst. Das solltest Du Dir abgewöhnen. Rahmen haben nichts mit Inhalt (bzw. englisch "content") zu tun.

Nun, das CSS ist kein Problem.Wenn ich aber nur einen CSS Code erstelle allein, bringt mir herzlich wenig.Irgendwo muss ja im HTML Code etwas sein, dass CSS weiß --> Aha!Jetzt komme ich ins Spiel, : Hier sind mal die ganzen Codes, für dieses Objekt.

Ja, Du allein setzt die HTML-Codes fest und legst damit die Semantik, die logische Bedeutung Deines Inhalts fest. CSS nimmt, was es von Dir bekommt.

Woher soll CSS wissen, auf welches Objekt sich das ganze bezieht, ohne DIV's?

Wozu sollte man divs brauchen? Was Du mit divs machen kannst, kannst Du doch mit jedem anderen Tag auch machen. Hast Du meinen Beispielcode oben übersehen?

Klar, bei Links etc. kein Problem. Aber bei selbst erstellten Grafiken, beidem einfach kein Inhalt zusehen ist, beidem ich kein HTML brauche um einen Inhalt auszugeben?

Hä? Um Inhalt auszuzeichnen, braucht man immer HTML - ist hier Dein falsches Verständnis von Inhalt Grund für diese seltsame Frage?

Wie soll ich, deiner Meinungnach, eine Grafik mit CSS darstellen?

Eigentlich erstmal gar nicht.
Es kommt erstmal drauf an, was für eine Grafik das ist. Enthält sie Inhalt? Z.B. ein Banner mit einer Überschrift oder ein Logo mit Firemenname? Dann wird die Grafik per <img> eingebunden, der Text des Bildes gehört in den Alternativtext (Attribut "alt"). Wenn es Grafik zur Zierde ist, wird sie als Hintergrundbild eingebunden. Und zwar in dem Tag, in dem sie zu sehen sein soll. Das kann ein <address> sein, das kann ein <p> sein, das kann auch ein <a> sein, und wenn Du mehrere Elemente zu einer Gruppe zusammengefasst hast, dann kann das auch ein <div> sein. In seltenen Fällen kann es sogar ein leeres <div> sein, aber das ist wohl eher die Ausnahme.

 

[Witschi262]

Hm,
schauen wir uns mal das Layout an:
Your site title
So, das ist im Prinzip genauso aufgebaut wie meines.
z.B die Sidebars. Die Sidebars haben eine Grafik als "header" dann eine Grafik aufder der Inhalt kommt und eine Grafik, für den bottom bereich.

Wenn ich DICH richtig verstanden habe, ist diese Website auch eine div-Suppe?
Und, wie würdest du eine Sidebar aufbauen?