|
im Forum für Webhosting Homepage gefunden: |
Homepage mit div-Bereichen soll sich der Fenstergröße anpassen! |
ninette111
Pixelschubser Threadstarter
Beiträge: 5 |
Hallihallo!!
Ich hab folgendes Problem:
Ich möchte, um möglichst auflösungsunabhängige Anzeige meine Homepage zu erreichen, meinen div-Bereich "main-text" der Breite nach dem Fenster des Browsers anpassen lassen. Ich dachte, dass dies geschied, wenn ich width:100%; angebe - Gut, das war gerade das umgekehrte (nun passt sich das Fenster dem Text an - d.h. man muss gaaanz weit horizontal scrollen)
Momentam mach ichs mit width:60em;, doch das macht auch nicht das, was ich eigentl. will
Fällt jemandem von euch ev. auf die schnelle ein, wie ich mein Problem lösen könnte?
Wär supa!
LG
Ines
PS: Falls ihrs sehen wollt, is hier meine HP (die allerdings noch in Test-Phase steckt!!!)
|  Profil
Editieren
Zitieren
|
Ehemaliges Mitglied (#1460)
Posting-Schinder
Beiträge: 609 |
ninette111 schrieb am 30.04.2005 18:35
um möglichst auflösungsunabhängige Anzeige meine Homepage zu erreichen |
Jede Website ist unabhängig von der Auflösung. Diese spielt gewöhnlich bei der Erstellung der Website keine Rolle.
meinen div-Bereich "main-text" der Breite nach dem Fenster des Browsers anpassen lassen. |
Das ist was ganz anderes als oben. Aber das macht Dein div automatisch, wenn Du es ihm nicht untersagst. Jedes Bloick-Element erstreckt sich über die komplette Breite seines Elternelements.
Ich dachte, dass dies geschied, wenn ich width:100%; angebe |
Wie gesagt, das ist nicht nötig, wenn Du das nicht anderweitig unterbunden hast.
Gut, das war gerade das umgekehrte (nun passt sich das Fenster dem Text an - d.h. man muss gaaanz weit horizontal scrollen) |
Dann passt sich doch das Fenster keineswegs an. Denn die Dimensionen des Fensters kann man ohnehin nur mit JavaScript ändern.
Dass Du Scrollbalken bekommst, bedeutet, dass Dein Inhalt nun breiter ist als das Fenster, also breiter als 100%. Das kann an margins, paddings oder borders liegen, die alle zur width hinzu addiert werden, und dann die tatsächliche Breite eines Elements bestimmen. Der Internet Exploder im Quirks Mode hat da einen Bug (-> Box Model Bug). Deswegen ist es notwendig, den mit dem richtigen Doctype in den Standard Mode zu versetzen.
Momentam mach ichs mit width:60em;, doch das macht auch nicht das, was ich eigentl. will |
Die Größe bezieht sich ja auch nicht auf die Größe des Fensters, wie Du das willst, sondern auf die Größe der Schrift.
Fällt jemandem von euch ev. auf die schnelle ein, wie ich mein Problem lösen könnte? |
Da waren Ansätze genug drin, oder?
Eigentlich absolut notwendig, wenn das kein Ratespiel werden soll
Warum machst Du Deine farbigen Streifen mit divs (div-Suppe!) anstatt mit einem Hintergrundbild?
Der Doctype sollte passen.
Da sind noch einige s drin, die nicht mehr vorkommen sollten. Willst Du Abstände, mach das mit margin.
Der Validator meldet 59 Fehler in Deinem Code. Ohne die zu bereinigen, macht es keinen Sinn, nach Fehlern in der Darstellung zu suchen. Wer mit CSS arbeitet, muss unbedingt einen fehlerfreien HTML-Code anliefern, sonst wird alles weitere zu einem Glücksspiel.
Also melde Dich mal wieder, wenn Du Deine Fehler bereinigt hast.
|  Profil
Editieren
Zitieren
|
Ehemaliges Mitglied (#1460)
Posting-Schinder
Beiträge: 609 |
Ach übrigens, eine "Homepage mit div-Bereichen" ist Quatsch.
Du willst sicher sagen, eine Website, deren Layout mit CSS gemacht ist.
Dabei ist das div aber völlig irrelevant. Du steckst noch in den Kinderschuchen, was Dein Verständnis von CSS betrifft. Du hast mal irgendwo gehört, dass das ein -Layout ist. Das ist Unfug, sowas gibt es nicht. Dem kommt keine besondere Bedeutung zu, und so wie Du das Tag anwendest, bestätigt das meine Vermutung. Du klatschst erstmal haufenweise divs hin, ob Du die nun brauchst oder nicht.
Ein div ist ein neutrales Block-Element, das für die Semantik der Seite keinerlei Bedeutung hat. Wenn Du ein div nicht zum Gruppieren von anderen Elementen verwendest, kannst Du es wahrscheinlich durch ein anderes, sinnvolleres Block-Element ( , , etc.) ersetzen. Oder es ganz weg lassen.
Du hast noch einiges zu lernen.
Ich bin dabei gerne behilflich.
DIese Begriffe solltest Du problemlos erklären können, um CSS-Layouts richtig zu machen:
Trennung von Inhalt und Layout, semantisches HTML.
Natürlich solltest Du auch den Validator kennen und nutzen, solltest wissen, in welcher (X)HTML-Variante Du schreibst, usw. Du hast Dich für XHTML 1.0 Strict entschieden, scheinst aber keine Ahnung zu haben, wie sich XHTML von HTML unterscheidet (Stichwort: statt ).
Also wie gesagt, es gibt noch viel zu tun. Für Detailfragen kannst Du gerne weiter hier posten, ich werde mein Wissen teilen!
Gruß,
-Efchen |  Profil
Editieren
Zitieren
|
ninette111
Pixelschubser Threadstarter
Beiträge: 5 |
oh wow, der is aba nett!! :D
und er weiß absolut alles! Is jo wie im Paradies.
___________________________________________________________________
Habe das Problem schon behoben, danke.
Wie in meinem Anfangspostig erwähnt, bin ich gerade dabei, mir diese Homepage zu basteln - und daran zu lernen, weil ich CSS betreffend noch in "Kinderschuhen" stecke (hui, das wird ihm gefallen) - und gerade deshalb liefert der Validator, den ich SEHRWOHL kenne, Fehler.
LG
Nine.
|  Profil
Editieren
Zitieren
|
Ehemaliges Mitglied (#1460)
Posting-Schinder
Beiträge: 609 |
Entschuldige, dass ich meine Zeit dazu benutzt habe, Dir zu helfen. Mir war nicht bewusst, dass Du hier Fragen stellst, worauf Du keine Antwort weißt.
Sind das Minderwertigkeitskomplexe, die Dich dazu veranlassen, so über mich zu urteilen? Oder ist es jetzt schon verboten, wenn man was weiß, sein Wissen mit anderen zu teilen? Ist es Arroganz, wenn man das will? Anderen helfen?
Also nochmal entschuldige, dass ich nur helfen wollte.
Schönen Abend,
-Efchen
|  Profil
Editieren
Zitieren
|
ninette111
Pixelschubser Threadstarter
Beiträge: 5 |
Du brauchst dich nicht dafür entschuldigen, dass du helfen wolltest!
Es ist toll wenn Leute, die Lösungen auf Probleme wissen, diese auch mitteilen und bereit sind ihr Wissen mit der Allgemeinheit zu teilen.
Doch die Art und Weise, wie du dein Wissen mitteilen möchtest, entspricht weitgehend nicht meiner Auffassung von Hilfsbereitschaft, sondern eher dem Versuch, auszudrücken, was du nicht alles weißt, und den Fragenden möglichst blöd darzustellen.
(siehe im besonderen die 2.Antwort)
Nine.
|  Profil
Editieren
Zitieren
|
Ehemaliges Mitglied (#1460)
Posting-Schinder
Beiträge: 609 |
ninette111 schrieb am 06.05.2005 08:07
Doch die Art und Weise, wie du dein Wissen mitteilen möchtest, entspricht weitgehend nicht meiner Auffassung von Hilfsbereitschaft |
Ich dachte, was zählt, ist meine Absicht und nicht das, was Du zu verstehen glaubst. Lies nicht irgendwas zwischen den Zeilen, was nicht da ist.
Anstatt einfach die Hilfe anzunehmen, beschimpfst Du mich jetzt also und unterstellst mir Dinge, die nicht in meiner Absicht liegen. Findest Du das gut?
sondern eher dem Versuch, auszudrücken, was du nicht alles weißt, und den Fragenden möglichst blöd darzustellen. |
Welchen Grund sollte ich dafür haben?
(siehe im besonderen die 2.Antwort) |
Welche? Was meinst Du?
Das mit der "Homepage mit div-Bereichen"?
Sorry, aber das ist nunmal Quatsch und gehört zu einem der häufigsten Fehler von CSS-Anfängern. Und resultierend aus diesem Fehler entstehen immer wieder neue Fehler, weil die Anfänger sich viel zu sehr auf divs konzentrieren, anstatt sich an das Wesentliche zu machen. Tut mir ja leid, dass ich da mittlerweile Erfahrung mit Anfängern angesammelt habe, die diese Fehler machen und tut mir leid, dass ich Dich davor bewahren will.
Hast Du nun hier eine Frage gestellt, weil Du Hilfe willst, oder weil Du Dich darüber beschweren willst, dass Dir jemand auf Deine Frage antwortet?
|  Profil
Editieren
Zitieren
|
languitar
Foren-Team
Beiträge: 2795 |
Halt halt halt!
Ich sehe hier sowohl in Efchens erster Antwort als auch in der von Ninette111 keine Grund für eine Auseinandersetzung! Bevor sich hier jetzt irgendwas hochschaukelt schließe ich leiber das Thema. Webdesign ist glaube ich kein Grund für eine Auseinandersetzung.
|  Profil
Editieren
Zitieren
| |
|
|