Zum Inhalt springen

Firefox und opera gut IE grausam

Erstellt am 19. Januar 2008 · 6 Antworten · letzte Antwort am 21. April 2008

Tags: HTML & CSS, Frage

Camelfighter ·

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 = &nbsp;&nbsp;| <p>
#1.NO.allWrap = <div class="level1">|</div>
}
}

lemminge ·

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.

Dander ·

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

cope ·

Hallo,

zuerst immer versuchen, die Seite zu validieren. 80% der Fehler lassen sich da schon ausmerzen. CSS bspw.

http://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

teddy86 ·

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

just2b ·
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?