<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ingeniumdesign blog &#187; CSS</title>
	<atom:link href="http://blog.ingeniumdesign.de/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.ingeniumdesign.de</link>
	<description>TYPO3, SEO und Magento</description>
	<lastBuildDate>Sat, 04 Feb 2012 13:43:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Safari/Firefox Fix für schlechtes Textrendering</title>
		<link>http://blog.ingeniumdesign.de/2009/04/15/safari-firefox-fix-fur-schlechtes-textrendering/</link>
		<comments>http://blog.ingeniumdesign.de/2009/04/15/safari-firefox-fix-fur-schlechtes-textrendering/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 21:36:31 +0000</pubDate>
		<dc:creator>basti</dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.ingeniumdesign.de/?p=490</guid>
		<description><![CDATA[Einige schlaue Leute haben zwei mögliche Bugfixes gefunden, die das Problem im Safari oder Firefox der Textrendering ( Schrift ) zuverlässig beseitigen. Auf Jonnotie werden beide Ansätze vorgestellt. Hier gibt es eine ausführliche Anleitung: highresolution.info Im zweiten Artikel wird noch beschrieben wie der neue Safari 4 damit klar kommt: jonnotie.nl [ad#posting]]]></description>
			<content:encoded><![CDATA[Einige schlaue Leute haben zwei mögliche Bugfixes gefunden, die das Problem im Safari oder Firefox der Textrendering ( Schrift )  zuverlässig beseitigen. Auf <a href="http://www.jonnotie.nl">Jonnotie</a> werden beide Ansätze vorgestellt.<span id="more-490"></span>

<strong>Hier gibt es eine ausführliche Anleitung:</strong> <a href="http://www.highresolution.info/weblog/C205">highresolution.info</a>
Im zweiten Artikel wird noch beschrieben wie der neue Safari 4 damit klar kommt: <a href="http://jonnotie.nl/blog/fix-the-bad-text-rendering-in-safari-take-two/">jonnotie.nl</a>
[ad#posting]]]></content:encoded>
			<wfw:commentRss>http://blog.ingeniumdesign.de/2009/04/15/safari-firefox-fix-fur-schlechtes-textrendering/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Buchempfehlung</title>
		<link>http://blog.ingeniumdesign.de/buchempfehlung-typo3-css-xhtml-buch-webmaster/</link>
		<comments>http://blog.ingeniumdesign.de/buchempfehlung-typo3-css-xhtml-buch-webmaster/#comments</comments>
		<pubDate>Tue, 22 Apr 2008 15:51:33 +0000</pubDate>
		<dc:creator>basti</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Extension]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://blog.ingeniumdesign.de/buchempfehlung/</guid>
		<description><![CDATA[In dieser Rubrik finden Sie die Vorstellung und Beschreibung von Typo3, CSS, XHTML und anderen Büchern, welche ich auch selbst gelesen und benutzt habe. Empfehlenswert sind sie alle. Jedes Buch setzt andere Schwerpunkte, komplett gleiche Beispiele werden Sie ebenfalls nicht finden. Diese Bücher sind perfekt für Anfänger und fortgeschrittene Webmaster! &#38;amp;lt;a href=&#8221;http://ws.amazon.de/widgets/q?ServiceVersion=20070822&#38;amp;MarketPlace=DE&#38;amp;ID=V20070822%2FDE%2Fingeniumdblog-21%2F8001%2Fbb2c37bd-79dd-4539-a794-18eddcda6a78&#38;amp;Operation=NoScript&#8221;&#38;amp;gt;Amazon.de Widgets&#38;amp;lt;/a&#38;amp;gt;]]></description>
			<content:encoded><![CDATA[In dieser Rubrik finden Sie die Vorstellung und Beschreibung von Typo3, CSS, XHTML  und anderen Büchern, welche ich auch selbst gelesen und benutzt habe.
Empfehlenswert sind sie alle. Jedes Buch setzt andere Schwerpunkte, komplett gleiche Beispiele werden Sie ebenfalls nicht finden.
Diese Bücher sind perfekt für Anfänger und fortgeschrittene Webmaster!
<br class="spacer_" />  
<script src="http://ws.amazon.de/widgets/q?ServiceVersion=20070822&amp;MarketPlace=DE&amp;ID=V20070822/DE/ingeniumdblog-21/8001/bb2c37bd-79dd-4539-a794-18eddcda6a78" type="text/javascript"><!--

// --></script> <noscript>&amp;amp;lt;a href=&#8221;http://ws.amazon.de/widgets/q?ServiceVersion=20070822&amp;amp;MarketPlace=DE&amp;amp;ID=V20070822%2FDE%2Fingeniumdblog-21%2F8001%2Fbb2c37bd-79dd-4539-a794-18eddcda6a78&amp;amp;Operation=NoScript&#8221;&amp;amp;gt;Amazon.de Widgets&amp;amp;lt;/a&amp;amp;gt;</noscript>
]]></content:encoded>
			<wfw:commentRss>http://blog.ingeniumdesign.de/buchempfehlung-typo3-css-xhtml-buch-webmaster/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Druckvorschau, richtiges einsetzen der CSS</title>
		<link>http://blog.ingeniumdesign.de/2008/03/18/druckvorschau-richtiges-einsetzen-der-css/</link>
		<comments>http://blog.ingeniumdesign.de/2008/03/18/druckvorschau-richtiges-einsetzen-der-css/#comments</comments>
		<pubDate>Tue, 18 Mar 2008 13:19:43 +0000</pubDate>
		<dc:creator>basti</dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://blog.ingeniumdesign.de/2008/03/18/druckvorschau-richtiges-einsetzen-der-css/</guid>
		<description><![CDATA[ein sehr schöner Beitrag über das Benutzen mehreren CSS-Dateien für die Druckvorschau. Link: CSS [media="print"] Druckvorschau]]></description>
			<content:encoded><![CDATA[ein sehr schöner Beitrag über das Benutzen mehreren CSS-Dateien für die Druckvorschau.

Link: <a href="http://www.perun.net/2007/12/16/druckvorschau-css-und-die-nutzer/" title="css Druckvorschau" target="_blank">CSS [media="print"] Druckvorschau </a>]]></content:encoded>
			<wfw:commentRss>http://blog.ingeniumdesign.de/2008/03/18/druckvorschau-richtiges-einsetzen-der-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TYPO3 &#8211; Rich Text Editor ( RTE ) Konfiguration</title>
		<link>http://blog.ingeniumdesign.de/2008/03/17/typo3-rich-text-editor-rte-konfiguration/</link>
		<comments>http://blog.ingeniumdesign.de/2008/03/17/typo3-rich-text-editor-rte-konfiguration/#comments</comments>
		<pubDate>Mon, 17 Mar 2008 10:21:09 +0000</pubDate>
		<dc:creator>basti</dc:creator>
				<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.ingeniumdesign.de/2008/03/17/typo3-rich-text-editor-rte-konfiguration/</guid>
		<description><![CDATA[Da ich viel mit Typo3 arbeite, habe ich mir gedacht, zeig ich euch einmal meine Rich Text Editor ( RTE ) Einstellungen: [ad#posting] Fangen wir mit der &#8220;Setup&#8221; an: plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE&#62; ###Content table class disable### lib.parseFunc_RTE.externalBlocks.table.stdWrap. HTMLparser.tags.table.fixAttrib.class&#62; ###p in table disable### lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default &#62; lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default. stdWrap.parseFunc =&#60; lib.parseFunc &#8220;TS-Config&#8221; Eingaben: # #RTE Classe des Interface (Ausrichtung) # [...]]]></description>
			<content:encoded><![CDATA[<img src="http://blog.ingeniumdesign.de/wp-content/uploads/2008/03/typo3_logo.gif" alt="TYPO3 Logo" align="right" border="1" hspace="10" vspace="0" />Da ich viel mit Typo3 arbeite, habe ich mir gedacht, zeig ich euch einmal meine Rich Text Editor ( RTE ) Einstellungen:

<span id="more-38"></span>


[ad#posting]

Fangen wir mit der  &#8220;<strong>Setup</strong>&#8221; an:
<blockquote> plugin.tx_cssstyledcontent._CSS_DEFAULT_STYLE&gt;

###Content table class disable###
lib.parseFunc_RTE.externalBlocks.table.stdWrap.
HTMLparser.tags.table.fixAttrib.class&gt;

###p in table disable###
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default &gt;
lib.parseFunc_RTE.externalBlocks.table.HTMLtableCells.default.
stdWrap.parseFunc =&lt; lib.parseFunc</blockquote>
&#8220;<strong>TS-Config</strong>&#8221; Eingaben:
<blockquote> #
#RTE Classe des Interface (Ausrichtung)
#
RTE.classes {

align-left {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyleft
value = text-align: left;
}

align-center {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifycenter
value = text-align: center;
}

align-right {
name = LLL:EXT:rtehtmlarea/htmlarea/locallang_tooltips.xml:justifyright
value = text-align: right;
}

}

#Trage hier ein wo das Bild vor dem Link Entfernt bzw. nicht angezeigt werden soll

RTE.classesAnchor {

internalLink {
class = internal-link
type = page
image &gt;
}

externalLink {
class = external-link
type = url
image &gt;
}

externalLinkInNewWindow {
class = external-link-new-window
type = url
image &gt;
}

internalLinkInNewWindow {
class = internal-link-new-window
type = page
image &gt;
}

download {
class = download
type = file
image &gt;
}

mail {
class = mail
type = mail
image &gt;
}

}

## RTE Konfiguration

RTE.default {

# RTE BG-color
mainStyle_bgcolor = #ffffff
mainStyleOverride_add.BODY = { background-color:#ffffff; background-image:none; }

# Zuweisung der CSS-Datei
contentCSS = /fileadmin/templates/namevondercssdatei.css
useCSS = 1

# Dafür sorgen, dass die Style-Angaben der RTE.default.contentCSS oberste Priorität haben
ignoreMainStyleOverride = 0

# Markup options
enableWordClean = 1
removeTrailingBR = 1
removeComments = 1
removeTags =
removeTagsAndContents =

# zeigt alle CSS-Klassen die in .css vorhanden sind
showTagFreeClasses = 1

# Tabellen Optionen in der RTE Toolbar
hideTableOperationsInToolbar = 0
keepToggleBordersInToolbar = 1

# Tabellen Editierungs-Optionen (cellspacing/ cellpadding / border)
disableSpacingFieldsetInTableOperations = 0
disableAlignmentFieldsetInTableOperations=0
disableColorFieldsetInTableOperations=0
disableLayoutFieldsetInTableOperations=0
disableBordersFieldsetInTableOperations=0

# Do not allow insertion of the following tags
hideTags =

# Buttons die gezeigt/versteckt werden im RTE
showButtons = textstyle, textstylelabel, blockstyle, blockstylelabel, bold, italic, underline, left, center, right, orderedlist, unorderedlist, insertcharacter, line, link, image, removeformat, table, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, findreplace, insertcharacter, undo, redo, showhelp, about, chMode, inserttag
hideButtons = fontstyle, formatblock, fontsize, strikethrough,lefttoright, righttoleft, textcolor, bgcolor, textindicator, emoticon, user, spellcheck, outdent, indent, justifyfull, subscript, superscript, acronym, copy, cut, paste

# Hält die RTE Icons gegroupt zusammen
keepButtonGroupTogether = 1

# blendet Statusbar in htmlarea aus
showStatusBar =  0

# Add styles Left, center and right alignment of text in paragraphs and cells.
inlineStyle.text-alignment (
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }
)

# Tags die erlaubt werden bzw. verboten werden ( allow / deny )
proc.entryHTMLparser_db.allowTags &lt; RTE.default.proc.allowTags

proc {
# tags die erlaubt sind
allowTags = table, tbody, tr, th, td, h1, h2, h3, h4, h5, h6, div, p, br, span, ul, ol, li, re, blockquote, strong, em, b, i, u, sub, sup, strike, a, img, nobr, hr, tt, q, cite, abbr, acronym, center

# tags die verboten sind
denyTags = font

# br wird nicht zu p konvertiert
dontConvBRtoParagraph = 1

# tags sind erlaubt außerhalt von p, div
allowTagsOutside = img,hr,span

# erlaubte attribute in p, div tags
keepPDIVattribs = align,class,style,id,span

# Trage hier ein welche tags in zb. span erlaubt sind ( müssen übereinstimmen mit deiner .css )
allowedClasses (
external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
align-left, align-center, align-right, text_red, text_grun
)

# html parser einstellungen
HTMLparser_rte {

# tags die erlaubt/verboten sind
allowTags &lt; RTE.default.proc.allowTags
denyTags &lt; RTE.default.proc.denyTags

# tags die untersagt sind
removeTags = font

# entfernt html-kommentare
removeComments = 1

# tags die nicht übereinstimmen werden nicht entfernt (protect / 1 / 0)
keepNonMatchedTags = 0
}

# Content to database
entryHTMLparser_db = 1
entryHTMLparser_db {

# tags die erlaubt/verboten sind
allowTags &lt; RTE.default.proc.allowTags
denyTags &lt; RTE.default.proc.denyTags

# CLEAN TAGS
noAttrib = b, i, u, strike, sub, sup, strong, em, quote, blockquote, cite, tt, br, center
rmTagIfNoAttrib = font

# htmlSpecialChars = 1

## align attribute werden erlaubt

tags {
p.fixAttrib.align.unset &gt;
p.allowedAttribs = class,style,align
div.fixAttrib.align.unset &gt;
hr.allowedAttribs = class
span.fixAttrib.style.unset&gt;

## b und i tags werden ersetzt (em / strong)
b.remap = strong
i.remap = em

## img tags werden erlaubt
img&gt;

## span tags werden erlaubt
span &gt;
}
}

}

# Classes: Ausrichtung
classesParagraph (
align-left, align-center, align-right
)

# Classes: Eigene Stile
classesCharacter = text_red
allowedClasses (text_red)

# Classes: Eigene Stile
classesCharacter = text_grun
allowedClasses (text_grun)

classesImage= rte_image

# Classes für Links (These classes should also be in the list of allowedClasses)
classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
classesAnchor.default {
page = internal-link
url = external-link-new-window
file = download
mail = mail
}

}

# Use same processing as on entry to database to clean content pasted into the editor
RTE.default.enableWordClean.HTMLparser &lt; RTE.default.proc.entryHTMLparser_db

# FE RTE configuration (htmlArea RTE only)
RTE.default.FE &lt; RTE.default
RTE.default.FE.userElements &gt;
RTE.default.FE.userLinks&gt;

# Breite des RTE in Fullscreen-Ansicht
TCEFORM.tt_content.bodytext.RTEfullScreenWidth= 80%</blockquote>
Bei fragen oder Problemen könnt Ihr gerne die Kommentarfunktion benutzen!]]></content:encoded>
			<wfw:commentRss>http://blog.ingeniumdesign.de/2008/03/17/typo3-rich-text-editor-rte-konfiguration/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>min-height für Internet-Explorer 6</title>
		<link>http://blog.ingeniumdesign.de/2008/03/14/min-height-fur-internet-explorer-6/</link>
		<comments>http://blog.ingeniumdesign.de/2008/03/14/min-height-fur-internet-explorer-6/#comments</comments>
		<pubDate>Fri, 14 Mar 2008 15:56:54 +0000</pubDate>
		<dc:creator>basti</dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://blog.ingeniumdesign.de/2008/03/14/min-height-fur-internet-explorer-6/</guid>
		<description><![CDATA[Leider kann der Internet Explorer 6 kein CSS 2.0 &#8211; minimale Höhe &#8220;min-height&#8221;, doch mit diesem CSS-Hack funktioniert es (CSS level 2.1 Valide): CSS CODE:selector {min-height:500px;height:auto !important;height:500px;} &#160;]]></description>
			<content:encoded><![CDATA[
<p>Leider kann der Internet Explorer 6 kein CSS 2.0 &#8211; minimale Höhe &#8220;min-height&#8221;, doch mit diesem CSS-Hack funktioniert es (CSS level 2.1 Valide): <span id="more-21"></span> <strong> </strong></p>
<p><strong>CSS CODE:</strong><code><br />selector {<br />min-height:500px;<br />height:auto !important;<br />height:500px;<br />}</code></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.ingeniumdesign.de/2008/03/14/min-height-fur-internet-explorer-6/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

