Firefox und ie

Juergen_190 · #1 25.09.07, 11:36

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 {
# Allgemeine Seiteneigenschaften setzen
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

ghoti · #2 25.09.07, 16:22

gerne, allerdings zwei bitten:

- formatieren den Quellcode mit den Tags

- und poste in diesem Fall lieber links und screenshots, dann kann man sich das Problem im Browser anschauen und vergleichen

und mein Rat: wechsele den Browser

**MistaD** · #3 25.09.07, 16:48

----------> THEMA VERSCHOBEN!

@Juergen_190:
Für den nächsten Post (wie auch ghoti anmerkt) bitte die dafür vorgesehenen Container (Code, HTML und TYPOSCRIPT) nutzen.

Juergen_190 · #4 25.09.07, 20:21

Hallo,
Ich vermute mittlerweile, dass es nur am falschen doctype liegt.
Ich zeige hier mal aus der index.html den doctype der Vorlage,
wie bringe ich den dann dem Template in T3 mit Typoscript bei??

Hier der Doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Juergen_190 · #5 25.09.07, 21:04

Hallo,
Ich werde die Seite von vorne nochmal Schritt für Schritt aufsetzen und nach jedem Schritt mit dem Firefox vergleichen, ich denke, da ist der Lerneffekt am groessten.

Vielen Dank trotzdem natürlich

ttb · #6 26.09.07, 17:50

Moin,

andersherum wird ein Schuh draus!

Benutze den Firefox, der sich weitestgehend standardkonform verhält, zum entwickeln und baue dann, sofern nötig, Hacks für den IE ein.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Darstellungsproblem bei Firefox	atzii	TYPO3 4.x Fragen und Probleme	2	02.07.08 11:28
Template RE und Firefox	stefken	TYPO3 4.x Fragen und Probleme	2	21.08.07 14:18
CSS und Firefox	sabienb	HTML & CSS	4	20.03.07 16:17
Firefox 1.0	Thoral	Forum Bar	15	02.10.04 18:12
Firefox	Zinner	Forum Bar	5	07.09.04 16:06

Suche

Userpanel