Hallo Community,
ich hoffe ihr könnt mir helfen!
Ich bin gerade dabei eine HP zu erstellen.-Das TS steht und die CSS-Datei ist auch vorhanden und korrekt eingebunden.
Im Browser sieht die Seite nun anders aus (total verschoben) als in der Typo3 Vorschau!
Ich habe auch schon verschiedene Doctypes getestet aber leider ohne Erfolg.
Hier das Root TS:
##### Umstellung auf XHTML ######
# Verwendete XHTML Transitional
config.doctype = xhtml_trans
# Führt einige Bereinigungen durch, um die Ausgabe XHTML konform zu machen
config.xhtml_cleaning=all
#Setzen der Parameter xml:lang und lang im HTML-Tag
config.htmlTag_langKey=de
# Die Komentare werden entfernt
config.disablePrefixComment=1
[browser=msie]
# Fehlt dieser Switch, so wird die Seite im IE nicht zentriert!
config.doctypeSwitch=1
[END]
##### Umstellung auf XHTML ENDE ####
# Grundkonfiguration
config{
linkVars=L
sys_language_uid=0
Language=de
local_all=de_DE.utf-8
index_enable=1
index_external=1
cache_period=5
}
# Schutz der Email-Adressen
config.spamProtectEmailAddresses=3
config.spamProtectEmailAddresses_atSubst=@<span class="nichtzusehen">bitte keine Spam Mails</span>
# Default PAGE Objekt:
page=PAGE
page.wrap= <div id="alles">|</div>
page{
# hier wird der Body definiert,sowie die CSS Datei
eingebunden und das Page unter alles Formatiert
includeCSS{
file1= Main_CSS*.css
file2= horizontal_CSS.css
}
page.headerData.11 = TEXT
page.headerData.11.value=<script type="test/javascript" src="fileadmin/js/js.js"></script>
# hier wird ein Banner eingebunden
10 = IMAGE
10{
file=Banner*.jpg
wrap=<div id="banner"> | </div>
}
20 = HMENU
20 {
special=directory
special.value=2
### Erste Ebene ###
1 = TMENU
1 {
wrap = <ul class="menu">|</ul>
expAll = 1
NO.wrapItemAndSub = <li onmouseover="show(this)" onmouseout="hide(this)">|</li>
ACT < .NO
ACT = 1
ACT.ATagParams = class="active"
}
### Zweite, dritte und vierte Ebene (Kopieren von erster Ebene) ###
2 < .1
3 < .1
4 < .1
}
#hier wird ein Hintergrundbild eingebunden
30= HTML
30.value= <div id="hintergrund"></div>
400 = HMENU
400.special = directory
400.special.value= 20
400.wrap= <div id="legendeHintergrund">|</div>
400.1 = TMENU
400.1.No = 1
400.1.NO {
linkWrap= <div id="legendeText">| | |
</div>
}
}
Wenn ich nun auf die Seite HOME klicke, werde die Inhalte dort so eingefügt:
page.40 < styles.content.getRight
page.40.wrap=<div id="news">|</div>
page.50 < styles.content.get
page.50.wrap=<div id="aktuell">|</div>
page.55 < styles.content.getLeft
page.55.select.pidInList = 16
page.55.wrap=<div id="lösungsgrafik">|</div>
page.60 < styles.content.get
page.60.select.pidInList = 16
page.60.wrap=<div id="firmentext">|</div>
page.70 < styles.content.getRight
page.70.select.pidInList =16
page.70.wrap=<div id="firmenfilm">|</div>
So und hier nun noch die CSS Datei:
@charset "utf-8";
/* CSS Document */
/* Schriften und Überschriften*/
body { background:url(Hintergrundverlauf.jpg);
font-family: Helvetica;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
position:relative
}
/* Überschriften */
h1{
font-family:Helvetica;
font-size: 14px;
font-weight: bold
}
#alles {
width: 870px;
margin:0px auto
}
#banner{
background:url(Banner.jpg);
position:relative;
width:870px;
height:70px;
}
#hintergrund{
background:url(Hintergrund.jpg);
position:absolute;
width:870px;
height:460px;
z-index:-1;
}
#aktuell{
float:left;
padding-top:10px;
padding-left:10px;
width:650px;
height:230px;
overflow:hidden;
}
#news{
padding-top:10px;
padding-left:10px;
float:right;
width:200px;
height:230px;
overflow:hidden;
}
#lösungsgrafik{
clear:both;
float:left;
padding-left:10px;
padding-top:10px;
width:230px;
height:210px;
overflow:hidden;
}
#firmentext{
float:left;
padding-top:10px;
width:400px;
height:210px;
overflow:hidden;
}
#firmenfilm{
float:right;
padding-top:10px;
width:230px;
height:210px;
}
#inhalt{
position:relative;
width:870px;
height:460px;
overflow:hidden;
}
#legendeHintergrund{
clear:both;
position:absolute;
top:547px;
width:870px;
background:url(HintergrundMenu-rund.jpg);
height:30px;
left: 72px;
}
#legendeText{
float:right;
margin-top:5px;
font-size: 12px;
fontColor: #9b1133
}
Für jede Hilfe wäre ich sehr dankbar!
Gruß Rene