Guru 2.0 › 3.0

Am 9. Oktober 2007 habe ich meinen Block gestartet, also vor mehr als einem Jahr. Der Blog hat sich gewandelt und manchmal war ich hyperaktiv und manchmal war wochenlang überhaupt nichts los. Irgendwie war er ein nicht so geliebtes Kind und trotzdem habe ich 280 Beiträge geschafft. Und was tut man nicht alles für seine Kinder?

Ich habe meinem jetzt eine Rund-Um-Erneuerung verpasst. Besonders das Logo hatte es mir angetan, da es mir doch ein wenig ähnlich sieht. Natürlich habe ich mich im web dazu inspirieren lassen. Warum auch nicht? Aber gezeichnet ist es mühsam von Hand. Schaut doch ganz gut aus. Und die die mich kennen, werden mich auch (vielleicht nur ein wenig) wiedererkennen.

Am meisten hat mich die lästige Anpassung an die Browser genervt. Trotz langjähriger Programmier und Designerfahrung: Der Internet Explorer ist ein Mistvieh!!!! Sofort funktionierte das Template/Design im FireFox, Safari und Opera (sowohl auf Mac und auf Windows). Nur der IE 7 machte Probleme, und da besonders der “Double-Margin-Float-Bug”, der ja laut Microsoft in der Version 7 behoben sein sollte. War/Ist er aber nicht. Bei cssNewbie.com habe ich einen netten Tip dazu gefunden, aber geholfen hat er eigentlich nicht. Die JavaScript-Lösung von Peter Bex ist auch nicht das Gelbe vom Ei. Auch der Tip bei snipplr geht zwar in die richtige Richtung, behebt das Problem aber nicht vollständig.

Denn bei den beiden SideBars kommt auch noch das Margin/Padding-Problem des IE zu tragen. Und dadurch rechnet der IE die Summen auf 100% falsch. Es ist eigentlich nur durch eine kleine Ungenauigkeit zu lösen und viel probieren. Denn die meisten Tips im Web sind nur halbfertig. Hier dazu mein css für die Hauptspalte und die beiden Seitenspalten:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

#content {
	width: 60%;
	left: 20%;
	float: left;
	color: #000000;
}
#sidebarLeft {
        display: inline-block;
	width: 20%;
	left: 60%;
	padding-bottom: 25px;
	float: left;
}
 
#sidebarRight {
        display: inline-block;
	width: 19%;
	left: 80%;
	padding-bottom: 25px;
        top: 0%;
	float: right;
}

ähnliche Posts:

• Daily Code Poem #8
• Daily Code Poem #7
• Daily Code Poem #36
• Daily Code Poem #25
• bessere Links = bessere Usability

Dieser Eintrag wurde

• am Dienstag, 27. Januar 2009 um 08:23 erstellt und wurde unter CSS, Design, Hilf mir! abgelegt.
• Der Post besitzt diese Tags: CSS, Design
• Du kannst alle Antworten darauf mit dem RSS 2.0 Feed verfolgen.
• Du kannst eine Antwort schreiben.
• Du kannst einen TrackBack von Deinem eigenen Blog setzen.
•  drucken

Der Artikel hat Dir geholfen?

Warum spendierst Du mir nicht einen Kaffee?