“Das Böse triumphiert allein dadurch, dass gute Menschen nichts unternehmen.”

Möchte man einen DIV Container mit seinem Inhalt mitwachsen lassen, so muss man die CSS-Formatierung overflow: visible; für diesen Container setzen. Danach verlängert sich die Div Höhe, entsprechend der innenliegenden Container.

Für den Firefox kann man die DIV Breite auch direkt an den Inhalt anpassen.

Beispiel:

<div style=”display:table-cell; width:auto; background-color:#0000FF”>
Teeeeeeeeeeeeeeexxxxt
</div>

Der Internet Explorer 7 interpretiert die table-cell leider nicht.

Ich habe lange nach einer Tasche für mein Wacom Bamboo Fun M Grafiktablett gesucht. Im Onlineshop von Wacom gibt es nur das Bamboo Carry Case, welches nicht für das Bamboo Fun Medium (wide) passt.

Zum Glück habe ich eine Alternative gefunden, die sogar super günstig ist, nämlich einen gepolsterten Briefumschlag der Größe H/18. Für 1,00 EUR im Schreibwarenladen ein perfekter Schutz für das geliebte Grafiktablett.

Im Internet Explorer 7 sehen Benutzer mit einer Auflösung von 1280×800 Pixel nur 1259×597 Pixel. Das liegt daran, dass die Navigationsleiste, die Taskleiste sowie weitere Schaltflächen den sichtbaren Bereich des Browsers verkleinern. In der Fachsprache nennt man das, was dann noch übrig bleibt, den Viewport.

Zur Bestimmung des Viewports gibt es ein JavaScript, dass die Breite in der Variablen viewportwidth und die Höhe in der Variablen viewportheight speichert.

<script type=”text/javascript”>
<!–

var viewportwidth;
var viewportheight;

// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

if (typeof window.innerWidth != ‘undefined’)
{
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

else if (typeof document.documentElement != ‘undefined’
&& typeof document.documentElement.clientWidth !=
‘undefined’ && document.documentElement.clientWidth != 0)
{
viewportwidth = document.documentElement.clientWidth,
viewportheight = document.documentElement.clientHeight
}

// older versions of IE

else
{
viewportwidth = document.getElementsByTagName(‘body’)[0].clientWidth,
viewportheight = document.getElementsByTagName(‘body’)[0].clientHeight
}
document.write(‘<p>Your viewport width is ‘+viewportwidth+’x'+viewportheight+’</p>’);
//–>
</script>

Momentan widme ich mich dem Webdesign, weswegen ich gerne auf sehr nützliche Webseiten aufmerksam machen möchte, die einem die Arbeit erleichtern.

Stripe Generator
Ein Streifengenerator, mit dem man sofort super Hintergrundmuster entwerfen kann.

Type Tester
Vergleich von Webschriftarten, denn im Web können nur wenige Schriftarten verwendet werden, die auf allen Betriebssystemen gleich aussehen.
Standard sind: Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana

COLOURlovers
Einer Welt voller Farben! Von Farb-Enthusiasten für Farb-Enthusiasten. Bei den COLOURlovers findet man freche Farbzusammenstellungen mitsamt Paletten und RGB-Hex Werten.

CssLeak
Tausende perfekte Webseiten in einer Gallerie! Eine bessere Inspiration gibt’s nicht!

Get viewport size
Sichtbaren Webseiteninhalt im Browserfenster rausfinden.