FF / IE Konflikt =(

d3221 · 04.05.2009

Hey... ich hab ein Problem >_<

Immer dieser bescheuerte IE :-! -.-

Also in FF siehts so aus:

Und was macht der nette IE daraus? :]

Ist das nicht fabelhaft? =) >_<

Auuuuuf jeden Fall...
hier meine index.html:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="center">

<div><img src="Bilder/header.jpg" border="0" /></div>


<div id="sidebar">

<div id="navigation" class="line"></div>
<div id="navigation" class="main">

<div id="navigation">Testlink</div>
<div id="navigation">Testlink</div>
<div id="navigation">Testlink</div>
<div id="navigation">Testlink</div>
<div id="navigation">Testlink</div>
<div id="navigation">Testlink</div>
<div id="navigation">Testlink</div>
<div id="navigation">Testlink</div>
<div id="navigation">Testlink</div>
<div id="navigation">Testlink</div>
<div id="navigation">Testlink</div>

</div>

<div id="visitor" class="line"></div>
<div id="visitor" class="main">
	<center>
      <div id="visitor" class="input">
		Besucher<br />
      000146512
      </div>
    </center>
</div>

</div>
<div>lol</div>


</div>

</body>
</html>

Und meine style.css

Code:

@charset "utf-8";
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:smaller;
	color:#777777;
}

#center {
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#sidebar {
	width:257px; 
	height:auto; 
	float:left;
}

#navigation {
	width:257px;
}

#navigation.line {
	height:2px;
	background-color:#87ac50;
}

#navigation.main {
	width:257px;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	line-height:25px;
	text-indent:20px;
	background-image:url(Bilder/green.gif);
	background-repeat:repeat-y;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#1163a2;
}


#visitor {
	width:257px;
}

#visitor.line {
	height:2px;
	background-color:#3a8fe6;
}

#visitor.main {
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#67a8e9;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#visitor.input {
	height:68px;
	width:150px;
	line-height:35px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-image:url(Bilder/counter.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

Schon mal vielen vielen Dank an die, die sich da durchwurschteln ^_^

P.S.: An alle Profis -> Ich bins nich xD Also nehmt mir meine wirre "Struktur" im Quelltext nich' übel =D

cebito · 04.05.2009

AW: FF / IE Konflikt =(

Ganz schnell als Erstes, du kannst eine ID nur einmal verwenden, wenn dann definiere deine div's über Klassen...

d3221 · 04.05.2009

AW: FF / IE Konflikt =(

*nich versteh* =(

netbandit · 04.05.2009

AW: FF / IE Konflikt =(

id muss einmalig/-deutig sein

d3221 · 04.05.2009

AW: FF / IE Konflikt =(

Joa ich habs grade gesehn xD Nya - dumm halt von mir xD Trotzdem danke ^^

sokie · 04.05.2009

AW: FF / IE Konflikt =(

Noch besser wäre es, die Linkliste auch als Liste zu definieren. das spart jede Menge Selektoren und überflüssiges markup.

HTML:

<ul id="navigation">
  <li>Testlink</li>
  <li>Testlink</li>
  <li>Testlink</li>
  <li>Testlink</li>
  <li>Testlink</li>
  <li>Testlink</li>
  <li>Testlink</li>
  <li>Testlink</li>
</ul>

css:

Code:

#navigation{
width: 257px;
border-top: 2px solid #87ac50;
border-bottom: 2px solid #3a8fe6;
background: #A3D25E;/*bei einfarbigen Hintergründen keine Grafik nötig!*/
}
#navigation li{
  list-style: none;
}

usw.

FlashSoft · 05.05.2009

AW: FF / IE Konflikt =(

Nicht nur das, wie @sokie schon meint

Code:

[FONT=monospace]<div id="visitor" class="line"></div>
<div id="visitor" class="main">
    <center>
      <div id="visitor" class="input">
        Besucher<br />
      000146512
      </div>
    </center>
</div>
[/FONT]

Doppelte id vermeiden, das interprettiert manscher Browser halt ganz anders. Nenne die zwei um.

FlashSoft

lonelyhawk · 05.05.2009

AW: FF / IE Konflikt =(

Hey... ich hab ein Problem >_<

ja, das sieht man an dem quelltext.

Immer dieser bescheuerte IE :-! -.-

der ie kann da nichts für...

der einzige grund warum der ff es 'richitg' darstellt, ist dessen - ins fast unermesslich gehende - fehlertoleranz. damit unterstüzt er leider die existenz so schlechten quelltextes wie dein beispiel.

normalerweise verkneife ich mir solche kommentare, aber wenn man gleich anfängt mit "dieser bescheuerte IE", dann kann ich mich nur wiederholen, am ie liegt das nicht...

FlashSoft · 05.05.2009

AW: FF / IE Konflikt =(

Weiß jemand schon, der IE soll noch besser werden? Ist ja nur ein Gerücht. Mann weiß ja, Microsoft macht gerne Versprechen und diese, können die nie halten. Und dauernt gibt es zuviele Fehler, und wir müssen die Fehler finden.

FlashSoft