Firefox und opera gut IE grausam
| Autor | Nachricht |
|
Verfasst am: 19.01.2008 [10:54]
|
|
| Camelfighter [Themenersteller] dabei seit: 09.01.2008 Beiträge: 26 |
Hallo. Habe mal versucht eine Internetseite zubauen im Firefox und opera alles gut aber im Ie sehr schlecht .danke für hilfe im vorrraus.Hier der Link www.boehse-dartz.de und meine css und html und template. !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <?xml version="1.0" encoding="iso-8859-1"?> <html> <head> <title></title> <meta name="author" content="Andreas Roettger"> <link rel="stylesheet" type="text/css" href="index_Andreas.css"> </head> <body> <div id="Page"> <div id="Start"> ###START#### </div> <div id="Weiter"> ###Weiter### </div> <div id="INHALT"> <!-- ###CONTENT### START--> ###INHALT### <!-- ###CONTENT### END--> </div> </div> </body> </html> body { background-color:black; text-align:center;padding:0;margin:0; } div#Page{ width:1024px; text-align:left; margin:1em auto; background-color:black; } div#Start { position:relative; margin-top:0px; margin-left:45px; margin-right:62px; margin-bottom:120px; z-index:1; } div#Weiter { position:relative; margin-top:-250px; margin-left:600px; z-index:2; } div#INHALT { position:relative; width:300px; height:100px; margin-top:-80px; margin-left:200px; background-color:black; z-index:2; } browser = msie] config.doctypeSwitch = 1 [GLOBAL] page = PAGE page.typeNum = 0 page.stylesheet = fileadmin/index_andreas.css config { doctype = xhtml_trans xhtml_cleaning = all xmlprologue = none htmlTag_langKey = de metaCharset = iso-8859-1 } page.10 = TEMPLATE page.10 { template = FILE template.file = fileadmin/index_andreas.html marks.START = IMAGE marks.START.file = fileadmin/bilder/Dartzani1.gif marks.Weiter = IMAGE marks.Weiter.file = fileadmin/bilder/Klick-mich.jpg marks.Weiter.stdWrap.typolink.parameter = 164 } page.10.subparts{ CONTENT < styles.content.get } plugin.tt_guest.postform = Hie von meiner Startseite das andere war die erste seite. body { background-color:black; text-align:center;padding:0;margin:0; } div#Page { position:relativ; width:980px; height:600px; text-align:left; /* reset wegen IE5-hack */ margin:1em auto; background-color:black; } div#Banner { position:relative; margin-top:-40px; margin-left:100px; z-index:1; } div#Linie { position:relative; width:750px; height:2px; margin-top:-10px; margin-left:120px; background-color:#ca0000; z-index:1; } div#Navi { position:relative; font-color:ca0000; font-size:18px; font-family:Allegro BT; width:100px; margin-top:20px; margin-left:20px; width:150px; height:500px; background-color:black; z-index:1; } div#Navi a { color:#ca0000; text-decoration: none; } div#Navi a:link { color:#ca0000; text-decoration: none; } div#Navi a:visited { color:#ca0000; text-decoration:none; } div#Navi a:hover { color:white; text-decoration:underline; } div#Navi a:active { color:#ca0000; text-decoration: none; } div#INHALT { position:relative; width:500px; height:500px; z-index:1; background-color:black; font-size:18px; font-color:white; font-family:Arial; margin-top:-510px; margin-left:250px; padding-top:15px; } div#Linieho { position:relative; Width:2px; height:550px; margin-top:-495px; margin-left:150px; background-color:#ca0000; z-index:1; } div#Liniehor { position:relative; Width:2px; height:550px; margin-top:-545px; margin-left:840px; background-color:#ca0000; z-index:1; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <?xml version="1.0" encoding="iso-8859-1"?> <html> <head> <title></title> <meta name="author" content="Andreas Roettger"> <link rel="stylesheet" type="text/css" href="Startseite.css"> </head> <!-- ###DOCUMENT_BODY### START--> <div id="Page"> ###Page### <div id="Banner"> ###Banner### </div> <div id="Linie"> </div> <div id="Navi"> <!-- ###MENU### START--> [browser = msie] config.doctypeSwitch = 1 [GLOBAL] page = PAGE page.typeNum = 0 page.stylesheet = fileadmin/Startseite.css page.10 = TEMPLATE page.10 { template = FILE template.file = fileadmin/Startseite.html page.10.workOnSubpart = DOCUMENT_BODY marks.Banner = IMAGE marks.Banner.file = fileadmin/bilder/startseitebanner.jpg #marks.Weiter = IMAGE # marks.Weiter.file = fileadmin/bilder/Klick-mich.jpg # marks.Weiter.stdWrap.typolink.parameter = 33 } page.10.subparts{ CONTENT < styles.content.get #Der Subpart MENU ist ein hierachisches Menü MENU = HMENU #Die 1. Ebene des Menüs ist ein Textmenü MENU { 1 = TMENU 1.NO = 1 #Die Einträge werden umschlossen von 1.NO.allWrap = <img src= "fileadmin/bilder/but.jpg"> 1.NO.linkWrap = | <p> #1.NO.allWrap = <div class="level1">|</div> } } |
  |
|
|
Verfasst am: 19.01.2008 [13:28]
|
|
| lemminge dabei seit: 17.01.2008 Beiträge: 11 |
Uhhhh, Die folgende Internetseite ist für den IE nicht geeignet geht garnicht :) Browserinkompatibilität ist schrecklich. Krass wirds, wenn es im ff unter windows anders aussieht als im ff unter linux! Eventuell solltest du dich mal mit Browserweichen beschäftigen. Würds mit jez gern im IE angucken, aber den hab ich nicht drauf. |
|
|
|
Verfasst am: 23.01.2008 [11:55]
|
|
| Dander dabei seit: 18.07.2003 Beiträge: 2200 |
Allgemein sind zur Fehlersuche Programme wie Firebug(Firefox) oder die IE Developer Toolbar (Internet Explorer) zu empfehlen. und der div "linie" braucht warscheinlich nur ein overflow: hidden [Dieser Beitrag wurde 2 mal bearbeitet. Zuletzt am 23.01.2008 um 11:56] |
 |
|
|
Verfasst am: 23.01.2008 [12:35]
|
|
cope dabei seit: 09.08.2006 Beiträge: 474 |
Hallo, zuerst immer versuchen, die Seite zu validieren. 80% der Fehler lassen sich da schon ausmerzen. CSS bspw. jigsaw.w3.org/css-validator/ HTML auch immer prüfen lassen... Wenn das soweit glatt gezogen ist, mit web developer, ie developer und firebug den Rest suchen LG Cope [Dieser Beitrag wurde 2 mal bearbeitet. Zuletzt am 23.01.2008 um 12:37] "Mayday we are sinking" "Siss iss se schermann kostkard, watt ahr juh sinking apaut?" |
|
|
|
Verfasst am: 28.01.2008 [15:25]
|
|
| teddy86 dabei seit: 18.07.2007 Beiträge: 95 |
gott sei dank ist der ie7 nicht mehr so fehleranfällig wie seine vorgänger, solange man den richtigen document type verwendet.. habe gesehen, den xml teil hast du schon rausgenommen, da hiermit die alten browser nicht klar kommen. dann optimieren, optimieren, optimieren. browserweichen sind quatsch, sowas hab ich noch nie gebraucht. funktioniert auch bestens ohne, wenn man weiß wie... greetz teddy |
|
|
|
Verfasst am: 28.01.2008 [15:26]
|
|
just2b [Moderator] dabei seit: 04.08.2004 Beiträge: 15705  |
teddy86 schrieb: gott sei dank ist der ie7 nicht mehr so fehleranfällig wie seine vorgänger, solange man den richtigen document type verwendet.. habe gesehen, den xml teil hast du schon rausgenommen, da hiermit die alten browser nicht klar kommen. dann optimieren, optimieren, optimieren. browserweichen sind quatsch, sowas hab ich noch nie gebraucht. funktioniert auch bestens ohne, wenn man weiß wie... greetz teddy sorry aber dein beitrag hilft jetzt inwieweit? ⇒ TYPO3 - inspiring people to share ⇐ aber kein Support per PM! ⇒ Das ist TS: lib.menu.20.if.value.stdWrap.numRows.select.pidInList.stdWrap.cObject.field = uid ⇒ in eigener Sache: · Meine Forumregeln · Meine Seite www.ringer.it · Meine Extensions · Content-Management-Systeme mit TYPO3 & RedDot ⇐ |
|
|
|
Verfasst am: 21.04.2008 [02:56]
|
|
| Sake dabei seit: 19.04.2008 Beiträge: 13 |
Was auch helfen kann ist die default css Einstellungen "sämtlicher" Browser erstmal auf 0 zu setzen und alles selber zu formatieren. Klingt am Anfang erstmal umständlich, spart aber im Endeffekt viel Zeit. Hier ein artikel zur reset.css http://www.drweb.de/csstechnik/css-reset.shtml Hier direkt die reset.css http://cssninja.de/reset.css |
|
|
