Die schwierigste Sache in CSS, zum des Rechtes zu erhalten ist der Plan Ihrer Sites. Sind hier ein paar Spitzen, die gerade die beschäftigen. Einige dieser Spitzen sind nicht genau neue oder Raketenwissenschaft, aber hoffnungsvoll sichern sie jemand ein Bit der Störung irgendwo!

Spitze 1: Löschen Sie heraus die Rückstellungsauffüllen- und -seitenrandeinstellungen, bevor Sie anfangen zu arbeiten.
Verschiedene Datenbanksuchroutinen lassen verschiedene Rückstellungsseitenrand- und -auffüllengrößen also Sie mit einem sauberen Schiefer beginnen wünschen, sozusagen. Verwenden Sie diesen Befehl:

*

{

Seitenrand: 0;

Auffüllen: 0;

Rand: 0;

}

zu alle Rückstellungsseitenrand- und -auffülleneinstellungen löschen. Beachten Sie auch den Rand, der bis 0 eingestellt wird. Beachten Sie bitte, dass, wenn Sie dies tun, Sie auch die runden click-able Bilder des nervtötenden purpurroten Randes loswerden, obgleich einige Leute argumentieren, dass der purpurrote Rand für Zugänglichkeit und Brauchbarkeit notwendig ist. Aber Lots Leute mögen nicht die runden Bilder des purpurroten Randes, und dieses ist Einweg, dass Sie es in einem loswerden können fielen Sturzflug, ohne zu müssen, img border=0 für jedes Bild (das einzustellen gegen den strengen Preisaufschlag anordnet auf jeden Fall ist).

Spitze 2: Um Ihren Plan zu zentrieren, benutzen Sie einen Behälter Div. um ganzen Inhalt zu enthalten Ihren
Erklären Sie ihn, wie folgt:

#container

{
Seitenrand: 0 Automobil;
Breite: xxxpx;
}

Es gibt ein paar Punkte, hier, zum der Kenntnis von zu nehmen. Erklären Sie NICHT die Breite, um 100% zu sein. Dieses besiegt die vollständige Nachricht, da Sie nur die Vorelemente innerhalb des Behälters und dann der Mitte SIE unter Verwendung des Seitenrandes erklären müssen: 0 Automobil. Dieses ist SEHR FALSCH, da es bedeutet, dass, anstatt, den zentralen Plan einmal zu erklären müssen, Sie ihn in den mehrfachen Plätzen für jedes Element innerhalb Ihres Behälters erklären.

Spitze 3: Arbeit von der Oberseite unten
Fangen Sie buchstäblich an, an Ihrem CSS-Plan zu arbeiten, der von der Oberseite die meisten Elemente in Ihrem Entwurf, sowie die „Spitzen“ Elemente in Ihrem HTML, wie dem Körper, sowie Ihre Hauptbehälter beginnt.

Erklären Sie Ihre CSS-Befehle auf der höchsten möglichen Stufe und versuchen Sie und erklären Sie etwas einmal nur und lassen Sie es gänzlich kaskadieren. Setzen Sie nur die Befehle an einem untergeordneten außer Kraft, wenn ausschließlich notwendig. Dieses verhindert eine ausführliche CSS-Datei, die schwierig zu warten und zu verstehen ist. Z.B. wenn Sie haben {Seitenrand: Einstellungen mit 0 Automobilen} auf jeder Vordiv. innerhalb Ihres Behälters - Sie sind in der Mühe.

Spitze 4: Dokumentieren Sie, was Sie tun und benutzen Sie Brandstifter und die Firefox Datenbanksuchroutine, um auszuprüfen
Sie schreiben Ihren CSS-Code nicht gerade für selbst, eines Tages, das etwas arme Grasscholle ihn ausprüfen muss. Lassen Sie zahlreichen Kommentar innerhalb Ihrer CSS-Datei erklären, warum Sie Sachen auf eine spezifische Art tun.

Innen passend mit diesem, konnten Sie dich finden jemand anderes häufig regeln zu müssen CSS, als Sie denken (oder sogar Ihre Selbst, in der Tat). Verwenden Sie den Brandstifterzusatz für Firefox, um Ihren CSS auszuprüfen. Dieses ist ein Lebensretter in Bezug auf das Geben Ihnen eines Einblickes in genau, wo Ihr Entwurf gebrochen werden konnte und warum.

Das einzige Problem mit diesem ist, dass Ihr Entwurf in Firefox tadellos arbeiten konnte, aber nicht in IE5, in IE6 oder in IE7. Dieses holt uns zur folgenden Spitze.

Spitze 5: Für entscheiden Sie, welche Datenbanksuchroutinen Sie aufbauen Ihren CSS und von Anfang an prüfen werden
Einige Puristen bestehen auf dem Sicherstellen, dass Ihre sitearbeit für alle möglichen Datenbanksuchroutinen, andere es Arbeit für die „Haupt“ Datenbanksuchroutinen nur bilden. Wie wissen Sie genau, das Datenbanksuchroutinen den die meisten verwendet werden? Noch einmal kommen Schulen W3 zur Rettung.

Auf der folgenden Seite können Sie sehen, welche Datenbanksuchroutinen das populärste sind: http://www.w3schools.com/browsers/browsers_stats.asp. Von dieser Seite können Sie sehen, dass etwas wie IE5 nur bis zum ungefähr 1.1% der Datenbanksuchroutinen verwendet wird. Es ist bis zu Ihnen, ob Sie es lohnend, Ihren CSS aufzubauen, um mit dieser Datenbanksuchroutine kompatibel zu sein betrachten oder ob Sie gerade Ihre Kompatibilität mit IE6, IE7 und Firefox prüfen werden, z.B. Was auch immer Sie tun, wenn Sie anfangen, Ihren CSS aufzubauen, fahren Sie von der Oberseite, ab und prüfen Sie jede Einstellung in jeder der Datenbanksuchroutinen, wie Sie entlang gehen. Es gibt nichts, das falscher als, eine vollkommene Web site in Firefox aufbauend, dann nach rechts herausfinden ist, nachdem Sie eine 1000 Zeile css-Datei codiert haben, dass sie in IE6 unterbrochen ist. Zu Ihren Code nach der Tatsache dann ist auszuprüfen und zu regeln ein Albtraum.

Spitze 6: Ist hier eine peinliche kleine Spitze für das Reparieren Ihres CSS in IE6 oder in IE7
Lassen Sie uns Ihre Entwurfsarbeiten in Firefox tadellos sagen, aber ist in IE6 unterbrochen. Sie können Brandstifter nicht verwenden, um festzustellen, wo das Problem sein konnte, da es in Firefox FUNKTIONIERT. Sie nicht den Luxus der Anwendung des Brandstifters in IE6, also wie haben Sie ausprüfen ein stylesheet IE6 oder IE7? Ich fand häufig, dass es hilft hinzuzufügen {Rand: 1 px festes Rot} oder {Rand: 1 px festes Purpur} zu den problematischen Elementen. Auf diese Weise können Sie häufig sehen, warum bestimmte Elemente nicht in den vorhandenen Platz passen. Es ist eine peinliche kleine Spitze, da es so ursprünglich und einfach ist, aber es funktioniert!

Spitze 7: Verstehen Sie Hin- und Herbewegungen
Das Schwimmen der Elemente ist wesentlich, besonders im Rahmen des Erhaltens Ihrer geschwommenen Elemente zu verstehen, um in den verschiedenen Datenbanksuchroutinen zu arbeiten!

Im Allgemeinen werden Elemente wie divs rechts das links oder geschwommen (nie zur Oberseite oder zur Unterseite, nur seitlich). Sind hier ein paar Sachen, zum in Erwägung mit geschwommenen Elementen zu ziehen. Jedes geschwommenes Element muss eine ausdrückliche spezifizierte Breite haben. Wenn Sie geschwommene divs gebrauchen, um eine Spalte 3 oder einen Plan mit 2 Spalten zu erstellen, spezifizieren Sie eher die Breiten in Prozentsätzen eher als feste Breiten ausgedrückt und wenn Sie Prozentsätze verwenden, überprüfen Sie, ob die Prozentsätze oben nicht 100% hinzufügen, dieses verursacht dem Recht die meiste Spalte häufig, unterhalb des Restes zu fallen und offenbar anzeigen, dass Sie versuchen, etwas in den vorhandenen Platz zu passen, der für es zu breit ist. Verwenden Sie eher Prozentsätze, die oben etwas unter 100%, wie 25%, 49%, 24% für eine linke Spalte, mittlere Spalte und rechte Spalte hinzufügen.

Sich hin- und herbewegende Elemente können extrem kompliziert sein zu verstehen und es ist lohnend, einige Zeit auf guten Sites, die spezifische Korrekturlinien und Spitzen liefern, wie die Position zu verbringen ist alles Web site.

Zusammenfassung
Diese CSS-Spitzen für Plan sollten Sie einige Zeit hoffnungsvoll sichern und Bemühung, wenn Sie zunächst müssen, Panel-schlug einen Tabelle-weniger Entwurf in Unterordnung!

Stützbare lebende Artikel @ http://www.articlegarden.com