• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Anzeigefehler im Internet Explorer

  • Ersteller Ersteller DerMitSkill
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
D

DerMitSkill

Guest
Guten Abend,
Ich habe wieder ein Problem, mit der Darstellung im Browser, diesmal ist es nur der Internet Explorer 8, der nicht das macht was ich möchte.
Bei Mozilla Firefox 3 RC1 und Opera 9.27 wird es richtig angezeigt.
Im Anhang befindet sich ein Screenshot aus dem Internet Explorer und Mozilla Firefox.

Hier mal der Quellentext:


HTML Code:

Code:
 <div id="footer">
 <div id="untermenue">
  <ul>
   <li class="erster"><a href="#" title="Impressum">Impressum</a></li>
   <li><a href="#" title="Kontakt">Kontakt</a></li>
   <li><a href="#" title="Datenschutz">Datenschutz</a></li>
   <li><a href="#" title="Nutzungsbedienungen">Nutzungsbedienungen</a></li>
  </ul>
 </div>
 <div id="copyright">
   &copy; 2008 deine-startseite.eu
 </div>
 </div>
CSS Code:
Code:
#copyright{
   font-family:Arial;
   color:#4481b8;
   font-size:9pt;
}

#footer{
   background:#FFFFFF;
   margin:0px auto;
   margin-bottom:20px;
   padding:1px;
   padding-bottom:10px;
   padding-right:45px;
   text-align:center;
   width:744px;
}

#untermenue{
   font-family:Arial;
   font-size:9pt;
}

#untermenue ul
{
   list-style:none;
}

#untermenue li
{
   display:inline;
   padding-left:20px;
   margin-left:15px;
   border-left:dotted 1px #4481b8;
}

#untermenue li.erster
{
   border:0px;
   margin-left:0px;
   padding-left:0px;
}

#untermenue li a
{
   color:#4481b8;
   padding:2px;
   text-decoration:none;
}

#untermenue li a:hover
{
   text-decoration:underline;
}
Danke, im vorraus!
 
Zuletzt bearbeitet von einem Moderator:
Kann man das auch irgendwo live und komplett sehen?

Wieso testest du mit Beta-Versionen die weder stabil sind noch von vielen genutzt werden? Wieso nimmst Du nicht auch Opera 9.5Beta? ;-)
 
-> deine-startseite.eu

Texte sind nur Beispiel ;)

Beta, weil der wohl als Final da ist, wenn wir fertig sind :D
 
Zuletzt bearbeitet von einem Moderator:
In einer Beta stecken aber auch noch Rendering-Fehler, d.h. die Fehler die du jetzt siehst könnten in der Final nicht mehr vorhanden sind. Andersherum wäre es auch möglich, dass die Final Fehler anzeigt, die du derzeit nicht siehst.

In meinem Firefox 2 sieht alles ok aus, Quellcode ist auch sauber. Keine Ahnung in welchen "Modus" diese Betas bei dir gerade laufen ... :roll:
 
... diesmal ist es nur der Internet Explorer 8, der nicht das macht was ich möchte...
Es ist wohl noch etwas früh für den IE8 Beta.
Ich würde erst mal schauen wie es in den heute verwendeten Browsern ausschaut.
Dieser Abstandhalter (<div>) ist nicht nur unschön sondern funktioniert auch nicht im IE6:
Code:
#trenner-1{
   background:#4481b8;
   height:2px;
   margin:0px auto;
   padding:0px;
   width:750px;
}
Anstelle dessen könntest du dem Element darüber ein entsprechendes border-bottom: 2px solid #4481b8; geben.
 
Quellcode ist auch sauber.

nicht wirklich... oder;)
Okay nicht weiter tragisch aber halt verbesserungsfähig, da unsinnige div´s vorhanden.
Und wie immer, Quelltext so wenig wie möglich, aber so viel wie nötig;)

du solltest eventuell auch überlegen ob du nicht vieleicht doch lieber XHtml strict als doctype verwendest, ist halt stand der dinge, du würdest dir ja auch zum selben Preis lieber nen golf 5 als nen golf 1 kaufen;)

<b> bringt dir Semantisch überhaupt gar nix, macht zwar den Text fett, aber <strong> bedeutet auch das dieser gefettete Text ausgesprochen wichtig ist, naja und welchen Grund soltest du sonst haben ihn fett darzustellen.

Die "extra-Abstände" mit mehrfachen Umbrüchen darzustellen finde ich Persönlich sehr unschön, vergib da doch eine Klasse im Absatz und du kannst explizit im CSS angeben welchen Abstand du dann haben möchtest.

mmmhhh habsch was vergessen?
ansonsten hab ich dir das mal im Quelltext nochmal markiert.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
<html>
<head>
   <title>deine-startseite.eu</title>
   <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
 <div id="header">
   <a href="index.html" title="Zur Startseite..."><img src="logo.gif" alt="Logo" title="Zur Startseite..."></a>
 </div>
 <div id="trenner-1"></div> [COLOR=Red]<!-- rausschmeißen, stattdessen in der CSS    #navigation { border-top: 1px solid #deine farbe; border-bottom: 1px solid #deine farbe}-->[/COLOR]

 <div id="navigation">
 <div id="obermenue"> [COLOR=Red]<!-- wofür dies überflüssige div? Das kannst dierekt in die ul geben   <ul id="obermenue"> -->[/COLOR]
  <ul>
   <li class="erster"><a href="#" title="Startseite">Startseite</a></li>
   <li><a href="#" title="Community">Community</a></li>
   <li><a href="#" title="&Uuml;ber deine-startseite.eu">&Uuml;ber deine-startseite.eu</a></li>
   <li><a href="#" title="FAQ">H&auml;ufig gestellte Fragen</a></li>

  </ul>
 </div>
 </div>
 <div id="trenner-2"></div> [COLOR=Red]<!-- auch raus, siehe oben -->[/COLOR]
 <div id="inhalt">
   <p><b>Software-Piraterie wächst weltweit</b>[COLOR=Red]<!-- <b> ist komplett sinnbefreit, schreib lieber <strong> -->[/COLOR]<br><br>[COLOR=Red]<!--die <br> sisolltest du vieleicht schon mal als <br /> schreiben, das wäre XHtml-konform-->[/COLOR]Der Anteil von Programmen ohne Lizenz ist auf der ganzen Welt auf 38 Prozent gestiegen, drei Prozentpunkten mehr als 2006. Das berichtet die Business Software Alliance. Vor allem in Schwellenländern habe die Piraterie zugenommen. So lag sie in Russland bei 73 Prozent und in Indien bei 69 Prozent. In der EU sei der Trend dagegen leicht rückläufig, die Quote der illegalen Software sank auf 35 Prozent. In Deutschland soll knapp ein Viertel der auf PCs und Notebooks verwendeten Programme raubkopiert gewesen sein, etwas weniger als 2006. Der Branchenverband führt den Rückgang unter anderem auf Strafverfolgung, Aufklärung sowie schärfere Kontrollen des Handels zurück. Der Verband lässt einmal im Jahr das Ausmaß der Software-Piraterie in mehr als 100 Ländern untersuchen. Dafür ermitteln die Marktforscher von IDC die Zahl der verkauften Computer und schätzen den durchschnittlichen Softwarebedarf.<br><br><br><b>Per Mausklick zu den Millionen</b><br><br>Wer in den vergangenen Monaten gründlich seine Mails gelesen hat, ist früher oder später über den Namen Gisela Blecher-Stratmann gestolpert. Sie verschickt den Deutschen Anleger Report und empfiehlt den Kauf von Aktien mit „enormem Kurspotenzial“. Besonders klangvoll sind die Namen der Wertpapiere zwar nicht, toll klingen aber die Gewinnversprechen: Verzwanzigfachung der Werte binnen weniger Wochen – da wird aus einem Monatsgehalt im Handumdrehen eine Mittelklasse-Limousine. Eine so wundersame Geldvermehrung dürfte allerdings kaum jemanden ereilt haben. Wer den Tipps folgte, verlor wahrscheinlich sogar das eingesetzte Kapital. Natürlich existiert Gisela Blecher-Stratmann nicht, hinter diesen Anlagetipps stecken Spammer, die für sogenannte Penny-Stocks werben: Aktien, die nur wenige Cent wert sind. Die Betrüger decken sich mit solchen billigen Werten ein und bewerben diese dann über Spam. Die Rechnung geht auf, sobald nur ein paar Tausend Mail-Empfänger der Empfehlung folgen: Der Aktienkurs steigt rapide an, die Spammer verkaufen, daraufhin fällt der Kurs wieder ins Bodenlose – alles binnen weniger Stunden. Der gerade in den USA unter Anklage stehende Spammer-König Alan Ralsky soll mit dieser Betrugsmasche drei Millionen US-Dollar ergaunert haben. Die meisten anderen Beteiligten aber gehen leer aus oder verlieren Geld – weil sie entweder bereits zu einem hohen Kurs eingestiegen sind oder den rechtzeitigen Ausstieg verpasst haben. Der Computer scheint immer häufiger zum Handlanger für Betrüger im Börsenumfeld zu werden. Wen wundert’s: Noch nie war es möglich, so schnell und so billig so viele Nachrichten zu verschicken wie über einen PC. Und dank Internet kann man zu jeder Zeit per Mausklick Wertpapiere ordern, zu genau definierten Kursen kaufen und wieder verkaufen – weltweit an jeder beliebigen Börse. In Kombination vereinfacht das natürlich den Aktienhandel, aber auch die Gaunereien. So zum Beispiel bei den Börsen-Spams, die die Bundesanstalt für Finanzdienstleistungsaufsicht (Bafin) als Informationsdelikte einstuft – also Versuche der Marktmanipulation durch gezielt gestreute Informationen über Papiere, die man selbst besitzt. „Scalping“ nennt das der Fachmann. Im Jahr 2006 deckte die Finanzaufsicht elf solcher Fälle auf. 2007 waren es laut Bafin-Pressereferentin Anja Neukötter „deutlich mehr“. Während der größten Aktien-Spam-Welle im Sommer des letzten Jahres registrierte die Bafin einige Hundert Anlegerbeschwerden. Wie viele dieser Anleger tatsächlich durch die Spam-Masche geprellt worden sind, ist bislang nicht bekannt. Eine gerade veröffentlichte Statistik aus den USA lässt die Dimensionen erahnen: Beim Internet Crime Complaint Center meldeten sich vergangenes Jahr gut 5000 Opfer von Investitionstricks – die Dunkelziffer liegt wohl noch darüber. Im Schnitt ergaunerten die Cyber-Betrüger von jedem Betroffenen 3547,94 Dollar. Verglichen mit anderen Betrügereien der letzten Zeit sind das allerdings nur Peanuts. Mitte März etwa streuten Unbekannte an der Londoner Börse per Mail das Gerücht, die Großbank HBOS stecke in finanziellen Schwierigkeiten. In nur einer Stunde gab der Aktienkurs der Bank um 20 Prozent nach – das entspricht 3,8 Milliarden Euro Wertverlust. Kurze Zeit später stürzte in New York der Kurs der Brokerfirma MF sogar um 65 Prozent ab. Es wurde gemunkelt, ein Großaktionär müsse sich wegen finanzieller Probleme zurückziehen. Pikantes Detail: Dieser erwähnte Aktionär hielt gar keine Anteile an dem Unternehmen. Profitiert haben in beiden Fällen die Urheber der Gerüchte, die auf das Fallen der Kurse spekuliert hatten – und mehr als 100 Millionen Euro Gewinn mitnahmen. Der französische Bankangestellte Jérôme Kerviel verbrannte gleich fünf Milliarden Euro. Er trickste die internen Kontrollmechanismen seines Arbeitgebers Société Générale aus und tätigte von seinem Terminal aus die wildesten Spekulationsgeschäfte – offensichtlich ohne Erfolg.</p>
 </div>

 <div id="trenner-3"></div>[COLOR=Red]<!-- auch raus und in der CSS #footer { border-top: 1px solid #deine farbe;} -->[/COLOR]
 <div id="footer">
 <div id="untermenue">[COLOR=Red]<!-- genau wie oben schon, auch hier die ID dierekt in die ul eingeben-->[/COLOR]
  <ul>
   <li class="erster"><a href="#" title="Impressum">Impressum</a></li>
   <li><a href="#" title="Kontakt">Kontakt</a></li>
   <li><a href="#" title="Datenschutz">Datenschutz</a></li>

   <li><a href="#" title="Nutzungsbedienungen">Nutzungsbedienungen</a></li>
  </ul>
 </div>
 <div id="copyright">
   &copy; 2008 deine-startseite.eu
 </div>
 </div>
</body>
</html>
gruß
csstester

Ach ja und in deinen längeren Texten solltest ab und an mal nen gewollten Zeilenumbruch, respektive nen Absatz mehr einbauen, da das ganze aussieht wie ein Blocktext und sau unangenehm zu lesen ist.
 
Zuletzt bearbeitet:
So, verbessert! Das Ganze ist jetzt auch XHTML 1.0 Strict :D

Ok, so?

Aber die Fehler im IE8 UND auch IE7 sind noch da, sieht selber :D

-> deine-startseite.eu
 
So, verbessert! Das Ganze ist jetzt auch XHTML 1.0 Strict :D

Braver jung;)
Ne im ernst, ist einfach besser für dich auch selber lieber gleich "ordentlich" zu arbeiten, bevor du dir irgendwelche dümmlichen geschichten angewöhnst.

Hab mal deinen Fehler gecheckt, denke mal das du die "obermenulinkdarstellung" meinst.. gib doch deinem
Code:
#obermenue{
   font-size:11pt;
   margin-top:14px;
}
Warum in diesem Fall der FF und der IE hier ne Unterschiedliche darstellung haben weiß ich im Detail auch nicht, hoffe das sich da noch jemand findet... interessiert mich nämlich auch der Grund;)

gruß
csstester
 
Danke. Geht ;)

Aber ganz unten ist im FF ein Abstand zum Rand (Hellblaue) und im IE nicht, wieso nicht?
 
Danke. Geht ;)

Aber ganz unten ist im FF ein Abstand zum Rand (Hellblaue) und im IE nicht, wieso nicht?

weil du im Footer ein
Code:
margin:bottom:20px;
angegeben hast;)

Übrigens, ist mir erst jetzt aufgefallen, hatte ich einzig aus dem Grund übersehen weil ich nie Vermutet hätte das das noch jemand macht.

Mensch deine <strong> ausgezeichneten Sätze sind ÜBERSCHRIFTEN, Bitte Formatier dann auch als solche.

Und wenn dir dann diese als h1 ausgezeicheten Überschriften zu Groß erscheinen, dann kannst das ja im CSS anpassen.

Nachdem ich das entdeckt hab geh ich mir nu erstmal die nackenhaare runterbürsten;)

gruß
csstester
 
ach so rum, da wär ich ja nicht drauf gekommen, weil den hast ja, so wie alle anderen Abstände auch explizit im body weggemacht

Code:
body{
   background:#4481b8;
   [COLOR=Red]margin:0px;[/COLOR]
   padding:0px;
}

Damit du einen unteren Abstand hast brauchst dann

Code:
body{
   background:#4481b8;
   margin:0px;
   margin-bottom:20px;
   padding:0px;
}

und dann brauchst auch im footer die
Code:
margin-bottom:20px;
nicht mehr
 
Ich habe eine Mittellösung gefunden :D

Noch Vorschläge? Tipps?

-> Wie findet ihr das Design?

Gerne auch von anderen :D
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben