TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen
Forum » TYPO3 CMS: TypoScript » Barrierefreiheit

Explorer zentrieren / Doctype


Autor Nachricht
Verfasst am: 15. 02. 2011 [17:10]
wsammy
Themenersteller
Dabei seit: 06.05.2004
Beiträge: 267
 Ich habe auch das Problem, dass die Seite im Explorer nicht zentriert dargestellt wird. Wenn ich in der CSS Datei unter body,
CSS
text-align: center;
einfüge, dann wird zwar die Seite zentriert dargestellt, aber auch der Text, was ich ja nicht möchte.
(bezieht sich auf [url=]http://www.typo3.net/forum/beitraege/barrierefreiheit/79678/beitrag/seite/#pid372494[/url])

Nun meine Fragen:

1. Wie setze ich einen korrekten Doctype?
2. in meinem html-template habe ich alles entfernt bis auf den Inhalt vom Body, weil typo3 selbst einen header zuweist. Da gibt es doch einen Code, den man nach <body> und vor </body> einfügen kann, damit typo3 nur diesen Inhalt nimmt. Sollte was kleines sein, hab die Lösung aber nicht gleich gefunden.
3. was muss ich nun genau einfügen, damit die Seite auch im Explorer zentriert dargestellt wird?

HTML
<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html lang="en"> 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<!-- 
	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2011 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at <a href="http://typo3.com/" target="_blank" class="link_10">
http://typo3.com/</a> and <a href="http://typo3.org/" target="_blank" class="link_10">http://typo3.org/</a>
--> 
 
<base href="http://www.domain.de/"> 
<title></title> 
<meta name="generator" content="TYPO3 4.5 CMS"> 
<meta name="language" content="de"> 
<meta name="robots" content="all"> 
 
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_614539977a.css?1296653462" media="all"> 
<link rel="stylesheet" type="text/css" href="fileadmin/template/default.css?1297425351" media="all"> 
 
<script src="typo3temp/javascript_a708894199.js?1296744562" type="text/javascript"></script> 
 
<script type="text/javascript" src="typo3conf/ext/kulo_player/res/kulo_player054.js"></script> 
</head> 
<body> 
 
<div id="container"> ...


sorry, hier noch die CSS:
CSS
body {
background:#F7F7F7 url("/image.jpg&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" /> repeat-x;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#333333;
padding:0;
margin:0;
/* text-align: center; im nachhinein eingefügt für IE ! damit zentriert, ZENTRIERT ABER ALLES AUCH TEXT  */}
 
a {color: #333333; text-decoration: none}
a:visited {color:#333333;}
a:hover {color: #333333;  text-decoration: none;}
 
h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #FFF;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 10px;
margin:0 }
 
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
 
img.download {vertical-align:middle;}
 
/* ----------container zentriert das layout "sollte"-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin:0 auto;
background-color: #fff;
}
 
/* ----------banner for logo-------------- */
#banner {
background-color: #fff;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:0px 0px;} 
 
/* -----------------Inhalt--------------------- */
#content {
background-color: #ffffff;
padding: 0;
margin: 0 200px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px&quot<img src="typo3conf/ext/mm_forum//res/smilies/icon_wink.gif" alt="icon_wink.gif" />; 
}
 
p, pre{
padding: 5px 10px;
margin:0;
}
 
/* --------------left navigavtion------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
background-color: #fff;
}
#right {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}
 
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }



[Dieser Beitrag wurde 2mal bearbeitet, zuletzt am 15.02.2011 um 18:34.]
Profil
Verfasst am: 16. 02. 2011 [01:08]
algiz
Dabei seit: 21.11.2006
Beiträge: 55
 text-align ist ncht die richtige CSS-Eigenschaft dafür. Denn, wie der Name schon sagt, wird damit Text ausgerichtet.

Wenn ich dein CSS beim Überfliegen richtig interpretiere, machst du schon alles richtig. Nur der korrekte (vollständige) Doctype fehlt, damit der IE sich an den Standard hält. Den kannst du per Typoscript einfügen. Z.B .:
TYPOSCRIPT
config.doctype = xhtml_trans


Schau am besten nochmal in TSref vom CONFIG-Objekt. Dort findest du die Schlüsselworte für den Doctype, den du brauchst.
Profil
Verfasst am: 16. 02. 2011 [01:15]
wsammy
Themenersteller
Dabei seit: 06.05.2004
Beiträge: 267
TYPOSCRIPT
config.doctype = xhtml_trans


Juhui icon_smile.gif
Vielen Dank! Das wars auch schon!
Profil