Es gilt als schlechter Stil inline CSS zu verwenden:
<span style="color: #666666; display: block; float:left; width: 250px;padding-bottom:5px;">
d.h. das CSS eines Elements direkt über das style Attribut zu aktivieren.
Dasselbe gilt auch für Inline Javascript:
<div></div>
<script type="text/javascript">
alert("hallo");
</script>Folgende Gründe gibt es dafür: weiterlesen… “Wieso sollte man kein inline CSS/JS verwenden” »
Zum Debuggen von Webseiten braucht man immer spezielle Entwickler Tools für jeden einzelnen Browser, weil sich die Darstellung in jedem Browser ändert oder Javascript Fehler nur in bestimmten Browsern auftreten. Bevor man an die Arbeit geht sollte man unbedingt checken, ab das der Browser Cache deaktiviert ist in dem jeweiligen Browser, sonst erhält man eine nicht aktuelle Version der Webseite.
Geht über das bekannte und beste Plugin: Firebug
Ich verwende zusätzlich die Plugins: Web Developer und Colorzilla. Durch die sehr guten Plugins ist der Firefox mein Entwicklungsbrowser der Wahl. weiterlesen… “Debugging Tools für Firefox, IE, Chrome, Safari, Opera” »
Als Webdeveloper muss man sich mit allen gängigen Browsern rumschlagen und beherrschen, mit allen zu debuggen. Um dies zu tun, braucht man auf jeden Fall 2 Dinge:
Geht über das Plugin: Web Developer
Einfach nach der Installation: Disable->Disable Cache->Disable Entire Cache weiterlesen… “Browser Caching deaktivieren in Firefox, IE, Chrome, Safari, Opera” »
<div class='links'></div> <div class='mitte'> </div><div class='rechts'></div>
.links {
background-color: #CCCCCC;
width: 253px;
float: left;
}
.mitte
{
float: left;
background-color: #8D8D8D;
width: 253px;
}
.rechts {
float: right;
background-color: #CCCCCC;
width: 253px;
}Der Editor von WordPress generiert leere <p> Tags, die nicht sehr hilfreich sind beim Gestalten.
Eine Lösung via CSS (CSS3 – Kampatibilität :empty):
p:empty
{
display:none;
}oder mit besserer Browser Kompatibilität und jQuery:
<script>
$("p:empty").hide();
</script>Wer eine Chance haben will, dass seine Webseite in allen gängigen Browsern gleich aussieht, der ist gezwungen ein CSS Framework zu benutzen, welches die Unterschieder eine einzelnen Browser ausgleicht, wie z.B: YAML.
Sehr konfortabel ist auch der YAML Builder, mit dem verschiedene Layouts mit 1,2 oder 3 Spalten erstellt werden können.
