Hallo, Ich beschäftige mich erst seit kurzem mit typo3, und habe eine seite solange angepasst, dass sie unterm ie 6 jetzt normal aussieht.
Allerdings kam dann mit firefox das erwachen.
Ich habe mit den doctypes und den css bugs noch nicht so den durchblick.
Normalerweise mache ich was anderes (softwareentw).
Vielleicht kann mir jemand helfen.
Hier ist der anfang des typoscript:
Typoscript-Code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
| page = PAGE
[browser = msie] && [version =< 7]
config {
doctype = xhtml_strict
htmlTag_langKey=de-DE
XHTML_cleaning = all
xmlprologue = none
}
page.includeCSS.file1 = fileadmin/default_ie.css
[else]
config {
doctype = xhtml_strict
htmlTag_langKey=de-DE
XHTML_cleaning = all
xmlprologue = none
}
page.includeCSS.file1 = fileadmin/default_other.css
[global]
page {
bodyTag = <body>
} |
# MetaTags angeben
dann die css für den ie:
Code:
div,img {
margin:0;
padding:0;
border:0;
display: block;
}
body {
margin: 0;
padding: 0;
background: #800000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #666666;
}
p, h1, h2, h3, h4, h5, h6 {
}
h1 {
font-size: 18px;
}
blockquote {
font-style: italic;
}
/* Page */
#page {
width: 980px;
margin: 0 auto;
background: #FFFFFF url(images/greenline.jpg) repeat-y;
}
/* Sidebar */
#sidebar {
float: left;
width: 240px;
}
/* Logo */
#logo {
height: 220px;
background: #808080;
}
/* Menu */
#menu {
float: left;
padding: 0px ;
}
/* trailer */
#trailer {
float: right;
width: 740px;
}
/* top */
#top {
float: right;
width: 725px;
font: bold 10px Verdana,Arial;
clear:both;
background-color:#000463;
text-align:right;
color:#FFFFFF;
padding:5px;
padding-right:10px;
}
#top a {
text-decoration: none;
color:white;
}
/* Content */
#content {
float: right;
width: 740px;
background-color:#FFFFFF;
}
/* Footer */
#footer {
width: 980px;
height: 120px;
margin: 0 auto;
background: url(images/img12.gif) repeat-x;
}
#footer p {
margin: 0;
font-size: 85%;
}
#links {
float: left;
width: 220px;
height: 45px;
padding: 35px 0 0 20px;
background: url(images/img13.gif) repeat-x;
}
#links a {
color: #FFFFFF;
}
#legal {
float: right;
width: 720px;
height: 45px;
padding: 35px 0 0 20px;
}
Und das css für andere browser:
div,img {
display: block;
}
body {
margin: 0;
padding: 0;
background: #800000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #666666;
}
p, h1, h2, h3, h4, h5, h6 {
}
h1 {
font-size: 18px;
}
blockquote {
font-style: italic;
}
/* Page */
#page {
width: 980px;
margin: 0 auto;
background: #FFFFFF url(images/greenline.jpg) repeat-y;
}
/* Sidebar */
#sidebar {
float: left;
width: 240px;
}
/* Logo */
#logo {
height: 220px;
background: #808080;
}
/* Menu */
#menu {
float: left;
padding: 0px ;
}
/* trailer */
#trailer {
float: right;
width: 740px;
}
/* top */
#top {
float: right;
width: 720px;
font: bold 10px Verdana,Arial;
clear:both;
background-color:#000463;
text-align:right;
color:#FFFFFF;
padding:5px;
padding-right:10px;
}
#top a {
text-decoration: none;
color:white;
}
/* Content */
#content {
float: right;
width: 730px;
background-color:#FFFFFF;
}
/* Footer */
#footer {
width: 980px;
height: 120px;
margin: 0 auto;
background: url(images/img12.gif) repeat-x;
}
#footer p {
margin: 0;
font-size: 85%;
}
#links {
float: left;
width: 220px;
height: 45px;
padding: 35px 0 0 20px;
background: url(images/img13.gif) repeat-x;
}
#links a {
color: #FFFFFF;
}
#legal {
float: right;
width: 720px;
height: 45px;
padding: 35px 0 0 20px;
} und der anfang der index.html der vorlage, die ich benutzt habe: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!--
Design by Free CSS Templates
[url="http://www.freecsstemplates.org"]Download free CSS templates - Free CSS Templates[/url]
Released for free under a Creative Commons Attribution 2.5 License
Title : Travel Portal
Version : 1.0
Released : 20070618
Description: A two-column, fixed-width template.
--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Travel Portal by Free Css Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body>
kann mir da jemand etwas auf die Sprünge helfen? Vielen Dank
//Edit von MistaD
Code in die passenden Container geschubst