Teile der Website verschieben sich bei Auflösung
Hallo zusammen,
Ich bin recht neu in der XHTML und CSS Welt und muss gerade für mein Studium eine Website erstellen. Ich habe das Buch von Michael Jendryschick durchgelesen und auch halbwegs verstanden (denke ich). Jetzt habe ich allerdings mehrere Probleme und ich habe leider absolut keine Ahnung wie ich da weiterkomme. Kurz zu meiner Umgebung: Auflösung: 1920*1080 Die Website sieht so aus wie geplant, alles sitzt so wie ich wollte. (Siehe Bild: http://www.bilder-hochladen.net/files/7it4-4-jpg.html) Danach wollte ich die Website unetr der Auflösung 800*600 ansehen und musste feststellen, dass sie total verzogen ist. (Siehe Bild: http://www.bilder-hochladen.net/file...-5-jpg-nb.html ) Ich verstehe, dass es an der Auflösung liegt. Jetzt frage ich mich als Neuling nur: Wie kriegen das andere Websites hin, dass diese in jeder Auflösung( und Fenstergröße ) gleich gut aussehen? Wieso haut mir mein Content (bei den Bildern :"SCHÖN DASS SIE VORBEI SCHAUEN!) nach rechts ab, wenn ich eine kleinere Auflösung nehme ? Wieso wird das Bild über dem Menüeintrag "Veranstaltungen" kleiner, aber nicht die anderen Teile der Website ? Und zu guter letzt: Ich habe schon nach meinem Fehler gegoogelt und habe gelesen, dass es wahrscheins daran liegt, dass ich Code:
position: absolute Code:
position: relative In dem Beispiel meines Buches, nutzt Herr Jendryschick allerdings auch diese Angaben und bei ihm sieht die Website in jeder Auflösung gleichgut aus, was mache ich also falsch? So, nach meinem ganzen Geschwalle kommt jetzt noch mein Code, da ihr mir ja sonst schlecht helfen könnt *g*. Ausschnitt aus meiner Index.html: HTML-Code:
<!-- Navigationsleiste oben --> Inhalt meiner default.css (nur Ausschnitt für das Sidemenü!) HTML-Code:
/** HTML-Code:
div#head { Oh mann, das ist ganz schön viel... ich weiß wieviel ich euch da zumute -.- Hoffe aber trotzdem mir kann jemand helfen. Allein schonmal fürs Durchlesen vielen Dank! Gruß Panama |
So,
hat sich erledigt, hab es durch länegre probieren, nachdenken, etc selbst hingekriegt :) Nur so lernt man ja ;) Kann geclosed werden =) |
Und wie hast du es geschafft das Problem zu lösen?!
|
darf ich fragen was die [B]-tags vor jeder id bewirken sollen? :)
|
Ich schätze, er wollte diese Code-Teile in seinem Post hervorheben.
|
So,
also die IDs wollte ich nur herovrheben, deswegen die [B]'s . Nun zur Problemlösung: Ich habe mir im Netz noch ein paar Tutorials durchgelesen zu dem Thema "position", da ich der Meinung war, dass der Fehler wohl dort lag und in dem Buch von Michael Jendryschik dieser Teil, meiner Meinung nach, nicht sehr gut erklärt wird ( zumidnest für totale Anfänger). Nach mehreren Tutorials bin ich dann auf die Idee gekommen folgendes zu machen: in der Index.html: HTML-Code:
body { In der css Datei habe ich danach dieses div auf eine feste Größe gesetzt und da der Rest der Website innerhalb dieses divs ist, verschiebt sich auch nichts mehr, egal welche Auflösung ich habe und wie groß ich das Browserfenster ziehe. Jetzt hätte ich nur noch eine Frage an euch: Ist das eine "gute" Lösung oder gibt es eine bessere? Zuerst bin ich auch noch auf die Idee gekommen alles in mehrere Tabellen zuordnen, aber davon rät Jendryschick in seinem Buch ab. (Tabellenmurks halt ;) ) P.S.: Da ich meistens sehr große Textblöcke in Foren schreib, markiere ich meistens meine Fragen kursiv und wichtige Aussagen oder ähnliches mit fettschrift *g* . So werdet ihr mich halt ertragen müssen :P |
Zitat:
|
Ok danke schön für die Bestätigung =)
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 22:22 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023