Beiträge von sejuma

Also 30 Zoll scheinen mir für den "Tagesgebrauch" nun wirklich übertrieben.

Um Stylesheets zu benutzen solltest du dich mit CSS auskennen. Dem liegt folgendes Prinzip zugrunde:
Bei der HP trennt man Inhalt und Layout. Somit werden z.B. Farb- und Schriftangaben nicht im HTML-Code hinterlegt, sondern in einer zentralen CSS-Datei (man kann die Formatangaben auch in den jeweiligen Head einer HP schreiben, aber das halte ich nicht für sinnvoll).
Wenn dir heute danach ist, dass deine HP einen roten Hintergrund haben soll, dann gibst du einmal in der CSS-Datei background-color:red an. Das schlägt dann auf alle Seiten einheitlich durch. Ist dir morgen nach blau, dann änderst du nur an einer Stelle eben diesen Parameter.
Auf die gleiche Weise kann man mehrere Stylesheets erstellen. Bezogen auf die Auflösungen wären alle von der Grundstruktur und Inhalt identisch. Sie würden sich lediglich in der Definition der einzelnen Elemente unterscheiden. Bei ner kleinen Auflösung machst du z.B. die Navi 200px breit, bei ner großen (zweites Layout) nimmst du 300px. Aber wie bereits erwähnt: In gewissem Rahmen halte ich Prozentwerte für besser.

Zum Thema CSS gibt's z.B. hier weitere Infos:
http://css.fractatulum.net/warum_css.htm
http://www.webmaster-resource.de/tutorials/css/css-tutorial.php
http://www.stichpunkt.de/css/bereiche.html
http://www.css4you.de/wslayout1/index.html

siehe auch hier: https://www.forum-hilfe.de/viewtopic.php?t=26575&highlight=

Beim flexiblen Layout geht es darum, den HP-Elementen wie z.B. Header, Navi, Content keine festen Breiten in Form von Pixelwerten zuzuordnen. Stattdessen definiert man die Breiten in Prozentangaben. Also nicht Navibreite=300 px sondern Navibreite=30%. Damit nimmt die Navi stets 30% der Bildschirmbreite ein, unabhängig von der Auflösung. Das kann bei extrem hohen Auflösungen auch Nachteile haben, weil dann manche Elemente zu breit werden was den Lesefluss beeinträchtigen kann. Weitere Grenzen ergeben sich dadurch, wenn z.B. Grafiken mit bestimmten Pixelgrößen eingebunden sind, die dann die "rechnerische Prozentbreite" übersteigen. Dies führt dann dazu, dass einzelne Elemente nicht mehr neben- sondern untereinander dargestellt werden.
Ich denke aber, dass im Rahmen der Standardauflösungen die Vorteile überwiegen.
Nähere Erläuterungen siehe
http://www.webkrauts.de/2004/12/16/fes…exibles-layout/.
Du kannst dir auch mal meine HP mit verschiedenen Auflösungen ansehen. Die ist nach diesem Prinzip gemacht.

Dies ist wohl die einfachste und universellste Methode. Eine weitere Möglichkeit wäre, pro Auflösung ein eigenes CSS-Stylesheet zu entwickeln und dann die unterschiedlichen Styles zur Auswahl per CSS-Styleswitcher
anzubieten. Hab ich auch bei mir unter "myPteam" in der oberen Horizontal-Navi eingebaut, allerdings nicht für verschiedene Auflösungen, sondern für unterschiedliche Farbgestaltungen.

Es wird so angezeigt wie du es definiert hast. Ist zwar etwas umständlich mit left und margin-left, aber angezeigt wird es.
Was soll denn "falsch" angezeigt werden?
Hast du einen Link zur Seite? Evtl. ist in diesem Zusammenhang auch der HTML-code nützlich.

Definiere den Verweis zur CSS mal so:

<link rel="stylesheet" type="text/css" href="style.css">

Ansonsten bräuchte man wie bereits erwähnt noch den CSS-Code.
Falls die Seite schon online ist am besten mal den Link posten.

Füge mal zunächst noch einen DOCTYPE ein.
Dadurch lösen sich bereits manche Probleme von selbst.

Danach lasse wie bereits erwähnt deine Seite validieren und behebe evtl. Fehler.
Wenn's dann noch nicht passt melde dich nochmal.

Der Header ist etwas globig, sollte dezenter wirken.
Bei meiner 1024er Auflösung klebt die Navi rechts am Rand. Etwas Abstand, der auch dem linken Bereich entspricht wäre besser.
Ansonsten recht ordentlich und übersichtlich.
Rechte Navi ist mal was anderes. Für Rechtshänder eigentlich auch logischer wie sonst links üblich.

6 und 7 %
Den Weg dahin solltest du selbst rauskriegen.

So sollte es zumindest im IE6 klappen:

<div id="unten">
    <div class="text" style="margin-top:15px;">


        [img]img/angebot.gif[/img]
        [img]img/index.gif[/img]
        <div style="width:300px;position:relative;left:40px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
    </div>
</div>

Aber im FF ist's noch falsch und damit wohl auch insgesamt.

Dein Quelltext ist mit den vielen Klassen sehr umfangreich und nicht unbedingt übersichtlich, auch nicht zweckmäßig.
Packe mal alle Angaben, die sich immer wieder wiederholen (z.B. Schriftart, Schriftgröße) in den body. Dann kannst du sie überall sonst löschen.
Für "first-letter" reicht eine Klasse aus. Das musst du nicht an jeder Stelle definieren.

Wenn dann aufgeräumt ist, kann man dann nochmal nachsehen. Momentan ist alles sehr unübersichtlich.

Im Prinzip sind das zwei Div's, die left gefloatet sind.
Wegen dem Hintergrund ggf. beide nochmal in einen übergordneten Div packen.
http://www.stichpunkt.de/css/bereiche.html
http://www.css4you.de/wslayout1/ex0008.html

Qulltext oder Link wären sicher hilfreich.

Hier noch der Link zu JAlbum: http://jalbum.net/de/

Doppelte Dateien kannst du mit Dupehunter ausfindig machen:
http://www.pcfreunde.de/download/detai…ofessional.html

Über csshover.htc hab' ich unter "Spielbetrieb" ein Untermenue eingebaut und auch so hinbekommen, dass es im Firefox sowie IE 5.5 und IE 6 einheitlich angezeigt wird.
Jetzt macht nur noch der IE 7 Probleme: Die Trennlinie zwischen den Unternavigationspunkten wird nicht mit durchgehend gleicher Stärke angezeigt, sondern ist rechts dicker (doppelt?).

Kennt jemand die Ursache/Lösung für dieses Problem?

http://ptest.pt.funpic.de/index.php?style=tvr

CSS:http://ptest.pt.funpic.de/css/tvr.css

Danke! Habt ihr das schon ausprobiert und klappt das ohne Systembeeinträchtigungen?
Bin da leider immer etwas misstrauisch, so nach dem Motto: "Never change a running system"

Installiert sich der IE 7 über den IE 6 oder ist es möglich, beide parallell laufen zu lassen?
Zum Testen von Websites bräuchte ich beide (eigentlich gar keinen von denen, aber viele HP-Besucher haben sie halt )

CSS allein ist ziemlich umständlich, da du hier für den IE 6 und kleiner sehr viele Sonderdefinitionen hinterlegen musst.
Ich versuche es momentan über diesen Weg, habe allerdings in der Testphase jetzt noch ein kleines Darstellungsproblem mit dem IE 7.
Aber wenn du dich an die dortige Anleitung hältst, sollte es eigentlich klappen.

Am einfachsten geht's, wenn du die Google-Suche einbaust.

Etwas anspruchsvoller ist dieses Suchscript einzubauen. Hierzu muss dein Webspace auch PHP-fähig sein.

Zu 99,9 % wird sie im Firefox richtig angezeigt und im IE falsch (du siehst das nur umgekehrt, weil es dir "richtig" vorkommt).
Ohne Link oder Quelltext kann das aber hier niemand beurteilen.
Prüf' mal, ob die Seite einen "Doctype" hat. Falls nein, füge einen ein.

Meta-Tags sind verschiedene allgemeine Angaben zur Homepage (z.B. Autor, Inhalt, Stichwörter). Sie werden innerhalb des Head-Bereichs eingefügt. Auch für Suchmaschinen haben sie eine Bedeutung. Näheres hierzu siehe:
http://www.sitesubmission.de/metatag.htm
http://www.drweb.de/seo/metatags.shtml
http://de.selfhtml.org/html/kopfdaten/meta.htm

Zitat

Bei Google erscheint als Überschrift nur "Neue Seite"

Erscheint das auch wenn du die Seite im Browser aufrufst (ganz oben in der Titelleiste?
Dann hast du bei deiner Seite vermutlich noch keinen Titel hinterlegt. Solltest du für jede Seite entsprechend ihrem Inhalt machen.
Füge hierzu innhalb des head-Bereiches z.B. folgendes ein:

<TITLE>Thema der jeweiligen Homepageseite (z.B. Hobbies von Max Mustermann)</TITLE>