---
title: "Schriftgröße ändert sich nicht!"
url: "https://www.typo3.net/d/91320-schriftgroesse-aendert-sich-nicht"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2009-07-15"
last_reply: "2009-07-16"
replies: 7
solved: false
page: 1
pages: 1
lang: "de"
---

# Schriftgröße ändert sich nicht!

Frontend › Styling · 7 Antworten · gestartet 2009-07-15

## Eröffnungsbeitrag

**Philipp123** · 2009-07-15 · [Beitrag #1](https://www.typo3.net/d/91320-schriftgroesse-aendert-sich-nicht/1)

Hallo,
ich habe ein Problem mit der Schriftgröße im Content Bereich. Das Problem ist das sich die Schriftgröße nicht ändert, obwohl dies in der CSS Datei angegeben ist. Die Schriftgröße bleibt immer bei 11px egal was ich eingebe.

Der HTML Code

```html
<html>

<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
<table width="1004" align="center">

	<table width="1004" border="0" align="center" cellpadding="0" cellspacing="0" height="247"> 
	
	<td width="1004" height="252" background="header.jpg"></td>

	</table>
	<table width="1004" border="0" align="center" cellpadding="0" cellspacing="0"> 

	<td width="245" height="999" background="nav_l.jpg" valign="top" border="0">###main_menu###</td>
	<td width="514" height="999" background="#ffffff" valign="top" id="content"> </td>
	<td width="245" height="999" background="nav_r.jpg" id="right_content" valign="top">
	
</table>


</body>

</html>
```

Der CSS Code

```html
P, H1, H2 {margin: 0px 0px 5px 0px;}
	
BODY {	background-color: #ffffff; }
	

TD#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom: 15px;
	}
TD#content H1, TD#content H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	}
TD#content A, TD#content A:visited, TD#content A:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #377AB3;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #333333;
	}
TD#content A:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #377AB3;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #333333;
	}


TD#right_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 3px;
	}
TD#right_content H1, TD#right_content H2, TD#right_content H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	}
TD#right_content A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #919393;
	border-bottom: 1px dotted #919393;
	text-decoration: none;
	}
TD#right_content A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #919393;
	border-bottom: 1px solid #919393;
	text-decoration: none;
	}
		

.subsec {
	float:right; 
	width:215px; 
	height:30px;
 	padding-left:30px;
 	padding-top:10px;
	font: 0.7em Arial, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
	
	
}
.subsec A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #740000;
	text-decoration: none;
}
.subsec:hover{
	background-color:#85a4af;;
	color: #FFFFFF;
}

.subsec1 {
	float:right; 
	width:210px; 
	height:20px; 
	font: 0.7em Arial, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
	
}
.subsec1 A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #740000;
	text-decoration: none;
}
.subsec1:hover{
	background-color:#85a4af;;
	color: #FFFFFF;
}

.subsec2 {
float:right; 
	width:235px; 
	height:20px; 
	font: 0.7em Arial, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
	
}
.subsec2 A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #740000;
	text-decoration: none;
}
.subsec2:hover{
	background-color:#85a4af;;
	color: #FFFFFF;
}

.subsec3 {
	float:right; 
	width:160px;
	height:20px; 
	background-color:#761b06;  border-bottom:solid 1px #870202;
	font: 0.7em Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
	
}
.subsec3 A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #740000;
	text-decoration: none;
}
.subsec3:hover{
	background-color:#FFFFFF;;
	color: #514F1C;
}
```

Der TS Code

```typoscript
plugin.tx_automaketemplate_pi1 {

  content = FILE
  content.file = fileadmin/templates/template.htm


elements {
  BODY.all = 1
  BODY.all.subpartMarker = DOCUMENT_BODY

  HEAD.all = 1
  HEAD.all.subpartMarker = DOCUMENT_HEADER
  HEAD.rmTagSections = title

  TD.all = 1
  }


  relPathPrefix = fileadmin/templates/
}

#Main Menu cObjects
temp.menu_1 = HMENU
temp.menu_1.entryLevel = 0
temp.menu_1.1 = TMENU
temp.menu_1.1{
    NO.allWrap =  | <br />
    NO.ATagParams = class="subsec"
}
temp.menu_1.2 = TMENU
temp.menu_1.2 < temp.menu_1.1
temp.menu_1.2{
    NO.allWrap =  | <br />
    NO.ATagParams = class="subsec1"
}
temp.menu_1.3 = TMENU
temp.menu_1.3 < temp.menu_1.1
temp.menu_1.3{
    NO.allWrap =  | <br />
    NO.ATagParams = class="subsec2"
}
temp.menu_1.4 = TMENU
temp.menu_1.4 < temp.menu_1.1
temp.menu_1.4{
    NO.allWrap =  | <br />
    NO.ATagParams = class="subsec3"
}
 


temp.mainTemplate = TEMPLATE
temp.mainTemplate {

  template =< plugin.tx_automaketemplate_pi1

  workOnSubpart = DOCUMENT_BODY

  
  marks.main_menu < temp.menu_1


  marks.special_menu < temp.menu_3


  subparts.content < styles.content.get


  subparts.right_content < styles.content.getRight

}


temp.headTemplate = TEMPLATE
temp.headTemplate {
template =< plugin.tx_automaketemplate_pi1
workOnSubpart = DOCUMENT_HEADER
}


page = PAGE
page.typeNum = 0
page.config.language = de
page.config.index_enable = 1


#config.simulateStaticDocuments = 0
#config.simulateStaticDocuments_noTypeIfNoTitle = 1


config.spamProtectEmailAddresses = 2
config.spamProtectEmailAddresses_atSubst = (at) 


page.10 < temp.mainTemplate


page.headerData.10 < temp.headTemplate
tt_content = USER
tt_content = CASE
```

Viele Grüße
Philipp

## Antworten

### [#2](https://www.typo3.net/d/91320-schriftgroesse-aendert-sich-nicht/2) · Julian.​Hofmann · 2009-07-15

Hallo Philipp.

Es könnte von Vorteil sein, wenn Du erstmal sauberen HTML-Code produzierst, bevor Du darauf CSS-Selektoren anwendest.  ;)

Eine Tabelle besteht in HTML aus der Tabelle ansich (table), den Zeilen (tr) und innerhalb der Zeilen aus Zellen (td). Die Zeilen vermisse ich bei Dir komplett.
Deine letzte Zelle wird nicht beendet (</td> fehlt). Du öffnest zwei Tabellen, beendest aber nur eine. Deine zweite Tabelle ist direkt in der ersten Tabelle platziert, statt in einer Zelle der Tabelle. Du weist per background-Attribut Hintergrundfarben zu (statt bgcolor-Attribut)...

Sorry, wenn ich so deutlich bin, aber befasse Dich erstmal mit HTML! Ein guter Einsteig ist <http://de.selfhtml.org/html/>

Viele Grüße
Julian

### [#3](https://www.typo3.net/d/91320-schriftgroesse-aendert-sich-nicht/3) · Philipp123 · 2009-07-15

Hallo,

vielleicht der der HTML Text besser:

```html
<html>

<head>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
<table width="1004" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
	<td colspan="3" width="1004" height="251" background="header.jpg" border="0"></td>
</tr>
<tr>
	<td  width="245" height="1000" background="nav_l.jpg" valign="top" border="0">###main_menu###</td>
    <td  width="513" height="1000" background="#ffffff" valign="top" id="content"></td>
	<td  width="245" height="1006" background="nav_r.jpg" id="right_content" valign="top"></td>

</tr>
</table>
</body>

</html>
```

Was mir noch aufgefallen ist, dass wenn ich z.B. ein Mailformular erstelle, wird dort die Schriftgröße übernommen, die in der CSS Datei eingestellt sind. Lege ich aber einen Datensatz z.B. vom Typ "Text" an ändert sich die Schriftgröße nicht.

Viele Grüße
Philipp

### [#4](https://www.typo3.net/d/91320-schriftgroesse-aendert-sich-nicht/4) · Julian.​Hofmann · 2009-07-15

Gibt's da ganze irgendwo zu sehen? Hab nämlich Deinen HTML-Code samt CSS und exemplarischen Text-Contentelement bei mir lokal zusammengebastelt, und da reagiert die Schriftgröße und ist wie gewünscht 14px groß (in td#content).

### [#5](https://www.typo3.net/d/91320-schriftgroesse-aendert-sich-nicht/5) · Philipp123 · 2009-07-15

Hallo,

das ganze läuft bis jetzt bei mir auf einer VM Ware (Linux) auf meinem Rechner.

Wenn das ganze bei dir funktioniert, muss ich wohl was beim Typo3 falsch gemacht haben.

Ich setze die Typo3 Version 4.2.6 ein!

Viele Grüße
Philipp

### [#6](https://www.typo3.net/d/91320-schriftgroesse-aendert-sich-nicht/6) · Julian.​Hofmann · 2009-07-15

Nicht unbedingt. Die entscheidende Frage ist, was wird als HTML-CSS-Kombination ausgeliefert/von TYPO3 ausgegeben, dass es bei Dir nicht mehr passt?
Poste doch mal den HTML-Quelltext einer Testseite aus Deiner TYPO3-Instanz.

### [#7](https://www.typo3.net/d/91320-schriftgroesse-aendert-sich-nicht/7) · Philipp123 · 2009-07-15

Hallo,

das Problem ist gelöst, ich hatte vergessen nach dem ändern der "neuen" HTML Datei den Chache zu leeren. Nachdem ich dies jetzt getan habe, funktioniert es auch mit der Schriftart. Lag wohl an meinem schlechten HTML Code. #angry#

Vielen Dank Julian für deine Hilfe!

Viele Grüße
Philipp

### [#8](https://www.typo3.net/d/91320-schriftgroesse-aendert-sich-nicht/8) · Julian.​Hofmann · 2009-07-16

> **Philipp123 schrieb:**
>
> vergessen (...)den Cache zu leeren.

Ohja, das kann einen gut zum Verzweifeln bringen...  o.O Um das etwas einzuschränken kann man während der Entwicklung den Cache auch abschalten via

```typoscript
config.no_cache=1
```

Aber dann sollte man drandenken, ihna uch wieder zu aktivieren, wenn die Seite live geschaltet wird - was dann auch gerne vergessen wird.
Also egal, wie man's macht, eine gewisse Gefahr besteht immer... #paralyzed#

---

Quelle: „Schriftgröße ändert sich nicht!“, typo3.net, https://www.typo3.net/d/91320-schriftgroesse-aendert-sich-nicht
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.