Seite im IE anders als im Firefox?!?

Was kann ich dagegen tun, dass die Seite im IE genau so aussieht, wie im Firefox? :o Die Underschiede sind ja extrem...

Bild: maximilian-reuter.com/…/seite_firefox_Kopie.png
Seite im Firefox

Bild: maximilian-reuter.com/…/seite_ie_Kopie.png
Seite im IE

PS: Größe und relationen sind 1:1

Das ist eine HTML-Frage, keine spezifische Typo3-Angelegenheit.
Du kannst auf jeden Fall ein extra css-File nur für unseren allseits beliebten IE6 und IE7 (und IE8-) anlegen. Da kannst Du dann extra für die Herren aus Redmond das Stylesheet anpassen.

Rounded-Corner kann der IE aber meines Wissens nicht. Da helfen nur bg-Bilder.

tomp_s schrieb

Rounded-Corner kann der IE aber meines Wissens nicht. Da helfen nur bg-Bilder.

Das ist ja auch erstmal zweitrangig, mir gings bisher nur darum, dass im IE zwischen den einzelnen Teilen, sprich Banner, Hauptnavi, Subnavi und Inhaltscontent diese grässlichen grauen striche verschwinden. ich kann euch ja auch mal meine CSS-Datei zeigen:

http://maximilian-reuter.com/fileadmin/Stylesheet/style.css

weiß nicht, ob sie jemandem weiterhilft...

es gibt sehr viele Wege für dieses Problem. Das wohl gängigste sind die IE-Hacks, die nur den Internet Explorer ansprechen
paar Beispiele:

/* CSS */ 
#wrap {background: #ff0000;} 

* html #wrap {background: #00ff00;}
*+ html #wrap {background: #0000ff;}

HTML:

<div id="wrap">TESTBOX</div>

hier würden alle Browser die Box "wrap" mit rotem Hintergrund darstellen ausser:

im IE 6 und kleiner wäre der Hintergrund grün
und im IE7 blau

Desweitren kanns du per TS für bestimmte Browser auch eigenen Stylsheets einbinden

[browser = netscape] //Firefox
page.stylesheet = fileadmin/templates/css/firefox.css
[browser = opera]
page.stylesheet = fileadmin/templates/css/opera.css
[GLOBAL]

also sieht das für den IE dann so aus:

[browser = Internetexplorer]

page.stylesheet = fileadmin/templates/css/ie.css

oder lieg ich da falsch?

Richtig ist

[browser = msie]

Quelle:
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Conditions/Index.html

Hallo ihrs...

steh ich grad voll aufm Schlauch... Wo muss ich das eintragen? habs mal im Setup stehn, aber da tut sich nichts...

page = PAGE
page {
    [browser = msie] 
    stylesheet = fileadmin/template/saddlecorner-ie.css
    [browser = netscape] //Firefox
    stylesheet = fileadmin/template/saddlecorner.css

LG Eva

So, jetzt hab ich gelesen das es nicht in geschweiften Klammern stehn darf... Steht jetzt so im Setup:

[browser = msie] && [version = 6]
page.includeCSS.ie6css = fileadmin/template/saddlecorner-ie.css
[global]
[browser = msie] && [version = 7]
page.includeCSS.ie7css = fileadmin/template/saddlecorner-ie.css
[global]

# Seite einrichten
page = PAGE
page {
    stylesheet = fileadmin/template/saddlecorner.css
    typeNum = 0
    10 = TEMPLATE
    10.template = FILE
    10.template.file = fileadmin/template/t3-saddlecorner.html
    10.wrap = <div align="left" margin=0 padding=0>|</div>
    10.workOnSubpart = DOKUMENT

Aber geht immer noch nicht... Bin mit Sicherheit grad betriebsblind...

jetzt gehts :-)

page.includeCSS.file1 = fileadmin/template/saddlecorner.css
[browser = msie]
page.includeCSS.file1 = fileadmin/template/saddlecorner-ie.css
[global] 


# Seite einrichten
page = PAGE
page {
    stylesheet = fileadmin/template/saddlecorner.css
    typeNum = 0
    10 = TEMPLATE
    10.template = FILE