leidiger Anzeigefehler firefox / ie

**puschtie** · 28-06-2008, 18:10

die meisten kennen es - im firefox alles i.o. im ie siehts aus wie schrott:

als grundlage habe ich ein vorgefertigtes template verwendet - dieses wird natürlich in beiden browsern korrekt angezeigt

danach habe ich dann beide codes komplett verglichen und keinen unterschied festgestellt (also da wo so ein fehler entstehen könnte)
bin mit meinem latein am ende - wäre klasse wenn mir jemand helfen könnte.

ich kopiere nun moch mal den quelltext von der vorlage hier rein - vielleicht kann ja da jemand was entdecken - css und html von meiner seite ist ja zu finden -->

url: Bet-experts_Startseite

Soooo nun html Vorlage:

PHP-Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
[url=http://www.freecsstemplates.org]Download free CSS templates - Free CSS Templates[/url]
Released for free under a Creative Commons Attribution 2.5 License

Title : Newfangled
Version : 1.0
Released : 20070331
Description: A three-column fixed-width template ideal for 1024x768 pixel resolution. Suitable for blogs and small business websites.

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Newfangled by Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Newfangled</a></h1>

<h2><a href="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="#" title="">Homepage</a></li>
<li><a href="#" title="">About Us</a></li>
<li><a href="#" title="">Products</a></li>

<li><a href="#" title="">Clients</a></li>
<li><a href="#" title="">Support</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="sidebar">
<div id="login" class="boxed">
<div class="title">

<h2>Client Account</h2>
</div>
<div class="content">
<form id="form1" method="post" action="#">
<fieldset>
<legend>Sign-In</legend>
<label for="inputtext1">Client ID:</label>

<input id="inputtext1" type="text" name="inputtext1" value="" />
<label for="inputtext2">Password:</label>
<input id="inputtext2" type="password" name="inputtext2" value="" />
<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" />
<p><a href="#">Forgot your password?</a></p>
</fieldset>
</form>
</div>

</div>
<!-- end #login -->
<div id="updates" class="boxed">
<div class="title">
<h2>Recent Updates</h2>
</div>
<div class="content">
<ul>

<li>
<h3>March 5, 2007</h3>
<p><a href="#">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula&#8230;</a></p>
</li>
<li>
<h3>March 3, 2007</h3>
<p><a href="#">Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh&#8230;</a></p>

</li>
<li>
<h3>February 28, 2007</h3>
<p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum&#8230;</a></p>
</li>
<li>
<h3>February 25, 2007</h3>

<p><a href="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam nequea&#8230;</a></p>
</li>
<li>
<h3>February 20, 2007</h3>
<p><a href="#">Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros&#8230;</a></p>
</li>
</ul>

</div>
</div>
<!-- end #updates -->
</div>
<!-- end #sidebar -->
<div id="main">
<div id="welcome" class="post">
<h2 class="title"><span>Welcome to Newfangled!</span></h2>

<h3 class="date"><span class="month">Mar.</span> <span class="day">8</span><span class="year">, 2007</span></h3>
<div class="story"><img src="images/img09.jpg" alt="" width="120" height="120" class="left" />
<p><strong>Newfangled</strong> is a free template from <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. The photo is from <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use it for both commercial or personal use. I only ask that you link back to my site in some way. <em>Enjoy </em></p>

</div>
<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Uncategorized</a>, <a href="#">Daily Journal</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a href="#">Permalink</a></p>

</div>
</div>
<!-- end #welcome -->
<div id="example" class="post">
<h2 class="title"><span>Examples of Common Tags</span></h2>
<h3 class="date"><span class="month">Feb.</span> <span class="day">24</span><span class="year">, 2007</span></h3>

<div class="story">
<p>This is an example of a paragraph followed by a blockquote:</p>
<blockquote>
<p>&ldquo;Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio.&rdquo;</p>
</blockquote>
<h3>Heading Level Three</h3>
<p>This is another example of a paragraph followed by an unordered list:</p>

<p>An ordered list example:</p>
<ol>
<li>List item number one</li>
<li>List item number two</li>
<li>List item number thre</li>
</ol>
</div>

<div class="meta">
<p>Posted by Jane Anderson under <a href="#">Samples</a><br />
<a href="#">Trackback URI</a> | <a href="#">No Comments</a> | <a href="#">Permalink</a></p>
</div>

</div>
<!-- end #example -->
</div>
<!-- end #main -->
<div id="sidebar2">
<div id="sponsors" class="boxed">
<div class="title">
<h2>Sponsors</h2>

</div>
<div class="content">
<ul>
<li> <a href="#">In posuere eleifend</a></li>
<li> <a href="#">Quisque dictum </a></li>
<li> <a href="#">Donec leo, vivamus </a></li>

<li> <a href="#">Nam pede erat porta </a></li>
<li> <a href="#">Vivamus fermentum </a></li>
</ul>
</div>
</div>
<!-- end #sponsors -->
<div id="ad120x600"><a href="#"><img src="images/ad_120x600.jpg" alt="" width="120" height="600" /></a></div>

</div>
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end #sidebar2 -->
<!-- end #content -->
<div id="footer">
<p id="legal">Copyright &copy; 2007 Newfangled. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>

</div>
</body>
</html>

und CSS:

PHP-Code:


/*
Design by Free CSS Templates
[url=http://www.freecsstemplates.org]Download free CSS templates - Free CSS Templates[/url]
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
margin: 0;
padding: 0;
}

body {
margin: 20px 0;
background: #FFFFFF;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666666;
}

h1, h2, h3 {
color: #333333;
}

h2 {
}

h3 {
font-size: 1em;
}

p, blockquote, ul, ol {
margin-bottom: 1.5em;
line-height: 1.65em;
text-align: justify;
}

p {
}

blockquote {
margin-left: 2em;
margin-right: 2em;
font-style: italic;
}

ul {
margin-left: 3em;
}

ul li {
}

ol {
margin-left: 3em;
}

ol li {
}

a {
text-decoration: underline;
color: #3E9722;
}

a:hover {
text-decoration: none;
color: #E58C24;
}

img {
border: none;
}

img.left {
float: left;
margin: 5px 20px 0 0;
}

img.right {
float: right;
margin: 5px 0 0 20px;
}

/* Boxed Style */

.boxed {
}

.boxed .title {
background: #3C74E6 url(images/img06.gif) repeat-x;
}

.boxed .title h2 {
height: 28px;
padding: 12px 0 0 20px;
text-transform: uppercase;
font-size: 1em;
color: #FFFFFF;
}

.boxed .content {
padding: 20px;
border-top: 1px solid #FFFFFF;
background: url(images/img07.gif) repeat-x;
}

/* Post */

.post {
}

.post .title {
background: #3C74E6 url(images/img06.gif) repeat-x;
font-size: 1em;
text-transform: uppercase;
color: #FFFFFF;
}

.post .title span {
display: block;
height: 28px;
padding: 12px 0 0 20px;
}

.post .date {
margin-top: -25px;
padding-bottom: 10px;
padding-right: 20px;
text-align: right;
font-size: x-small;
color: #FFFFFF;
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
clear: both;
}

.post .meta p {
margin: 0;
padding: 10px 20px 40px 20px;
border-top: 1px dotted #CCCCCC;
line-height: normal;
font-size: x-small;
}

.post .story {
padding: 20px;
border-top: 1px solid #FFFFFF;
background: url(images/img07.gif) repeat-x;
}

/* Header */

#header {
width: 920px;
height: 120px;
margin: 0 auto;
padding: 20px 20px 0 20px;
background: #CAE646 url(images/img01.jpg) no-repeat;
}

/* Header > Logo */

#logo {
float: left;
width: 240px;
height: 50px;
}

#logo h1 {
float: left;
margin: 0;
padding: 50px 0 0 0;
font-size: 2.6em;
}

#logo h2 {
float: left;
margin-top: -5px;
font-size: 1em;
}

#logo a {
text-decoration: none;
color: #000000;
}

/* Header > Menu */

#menu {
float: right;
}

#menu ul {
margin: 0;
padding-top: 79px;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
width: 120px;
height: 30px;
margin-left: 2px;
padding-top: 10px;
background: url(images/img03.gif) no-repeat;
text-decoration: none;
text-align: center;
font-weight: bold;
color: #000000;
}

#menu a:hover {
background-image: url(images/img04.gif);
}

#menu .active a {
background-image: url(images/img05.gif);
}

/* Content */

#content {
width: 920px;
margin: 0 auto;
padding: 20px;
background: url(images/img02.jpg) no-repeat;
border-top: 1px solid #FFFFFF;
}

/* Content > Main */

#main {
float: left;
width: 480px;
padding-left: 20px;
}

/* Content > Main > Welcome */

#welcome {
}

/* Content > Main > Example */

#example {
}

/* Content > Sidebar */

#sidebar {
float: left;
width: 220px;
}

#sidebar .boxed .title h2 {
background: url(images/img08.gif) no-repeat;
}

/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset {
border: none;
}

#login legend {
display: none;
}

#login label {
display: block;
}

#login input {
margin-bottom: 10px;
padding: 2px 5px;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666666;
}

#inputtext1, #inputtext2 {
width: 160px;
}

#inputsubmit1 {
margin: 0;
padding: 0;
}

/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
margin: 0;
list-style: none;
}

#updates h3 {
font-size: .8em;
}

#updates p {
line-height: normal;
font-size: .8em;
}

#updates a {
text-decoration: none;
}

/* Content > Sidebar2 */

#sidebar2 {
float: left;
width: 180px;
padding-left: 20px;
}

#sidebar2 .boxed .title h2 {
background: url(images/img10.gif) no-repeat right top;
}

/* Content > Sidebar2 > Sponsors */

#sponsors {
}

#sponsors ul {
margin-left: 0;
padding-left: 0;
list-style: inside;
}

/* Content > Sidebar2 > ad120x600 */

#ad120x600 {
text-align: center;
}

/* Footer */

#footer {
clear: both;
width: 960px;
height: 80px;
margin: 0 auto;
padding: 20px 0;
background: url(images/img02.jpg) no-repeat;
}

#footer p {
margin: 0;
text-align: center;
line-height: normal;
font-size: x-small;
}

#footer a {
text-decoration: underline;
color: #666666;
}

#footer a:hover {
text-decoration: none;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}

irgendwo muss ja der fehler sein

**dkdenz** · 28-06-2008, 18:35

Merze erstmal die Fehler aus, eventuell ist dann das Problem schon Geschichte.
HTML / XHTML / XML / WML Validator
Beim Überfliegen bemerkte ich zwei body-Tags.

**puschtie** · 28-06-2008, 19:38

diese fehler sind im ursprungstemplate genauso wie auf meiner seite - anzeige im ie ist trotzdem nur bei meiner seite verschoben ---ich habe nun trotzdem erst einmal alle fehler beseitigt - problem bleibt das selbe.....

**dkdenz** · 28-06-2008, 20:06

Wechsle mal testweise den Doctype aus:

PHP-Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

**puschtie** · 28-06-2008, 20:30

immer noch der selbe scheiß -----ist ja echt zum heulen ----und wie gesagt - der quelltext is ja der selbe zum ursprünglichen template ---habs ja verglichen --deshlab ist mir das ja so unklar....habe keine lust aus diesem grund die ganze seite noch mal zu machen....

**anna55** · 28-06-2008, 21:04

Zitat von puschtie

der quelltext is ja der selbe zum ursprünglichen template ---habs ja verglichen --deshlab ist mir das ja so unklar....

Nun, es gibt zumindest einen Unterschied zur Vorlage. Da sehe ich nur fünf Menüpunkte. Du hast noch zwei dazu genommen. Dafür ist das Template nicht angelegt. Wenn Du die dort einfügst, ist das Design auch kaputt. Entweder verzichtest Du auf die Menüpunkte oder änderst etwas an der Breite, Schriftgröße oder so.

**puschtie** · 28-06-2008, 21:28

das dachte ich auch das das der grund ist - aber auch wenn ich die 2 menüpunkte raus nehme oder die menüpunkte kleiner mache ändert sich nix - wie gesagt habe echt schon viel versucht....

habe gerade noch mal was probiert und in die vorlage 2 buttons zusätzlich eingefügt - firefox zeigt es wie gewohnt ganz normal an - ie - ignoriert die 2 menüpunkte nun komplett - design bleibt erhalten aber man sieht die 2 punkte halt einfach nicht ----hilft das vielleicht jemanden weiter???

**dkdenz** · 28-06-2008, 22:16

Ich habe jetzt hier keinen IE laufen, deswegen kann ich auch nur raten, aber was passiert, wenn Du nach

PHP-Code:


<li><a href="#" title="">Support</a></li>
</ul>
</div>

ein

PHP-Code:


<br style="clear:both;" />

einfügst?

**anna55** · 28-06-2008, 22:31

Das mit den zwei Menüpunkten - da musst Du Dir etwas ausdenken. Deinen Fehler habe ich gefunden, Du musst an zwei Stellen im HTML (rot gekennzeichnet) etwas ändern:

Code:

      <div class="content">
        <ul>
          <li>Die Statistik im Detail finden Sie <a href="statistik.html"> hier.</a> </li>

        </ul>
        <p>&nbsp;</p>
       
          <p>Tipps: 52 </p>
        Profit in units: <span class="style2">-14,405 </span>
          <p>Profit in €: <span class="style2">-288,10€ </span></p>
     
          <p> Gesamtstatistik: </p>

     
          <p>Tipps: 110 </p>
          <p>Profit in units: <span class="style1">+29,172 </span></p>
          <p>Profit in €: <span class="style1">+583,44€ </span></p>
        <p>Unitgröße: 25€ </p>
      </div>
   
    </div>

  </div>(Das Div muss weg)
  <!-- end #updates -->
</div>
<!-- end #sidebar -->
<div id="main">
  <div id="welcome" class="post">
    <h2 class="title">News </h2>
    <div class="story"><img src="smily100.gif" alt="" width="78" height="66" class="left" />
      <p><strong>Bet-experts erscheint in neuem Glanz. Unsere neue Seite ist endlich online. Falls es Anregungen oder Wünsche gibt freuen wir uns auf Ihren Kontakt. </strong></p>

    </div>
    <div class="meta"> </div>
  </div>
  <!-- end #welcome -->
  <div id="example" class="post">
    <h2 class="title">Willkommen bei bet-experts.com - kostenlose Sportwettentipps </h2>
    <div class="story">
      <blockquote>

        <p>&ldquo;Wetten is a Waaunsinn &rdquo;</p>
      </blockquote>
      <h3>&nbsp;</h3>
      <h3>&nbsp;</h3>
      <h3>Sind Sie es leid, ständig beim Sportwetten zu verlieren?</h3>
      <p>Möchten Sie sich auch ein paar Euros im Monat dazuverdienen?</p>
      <p>Dann sind Sie hier richtig! Sie erhalten auf bet-experts kompetente und kostenlose Sportwettentipps. Nutzen Sie die Chance und profitieren Sie von der langjährigen Erfahrung unserer Wettprofis.</p>

      <p>Wichtig! Falls Sie noch nicht so viel Erfahrung beim Sportwetten besitzen, lesen Sie bitte vorher unsere Anleitung. </p>
 
   
    </div>
    <div class="meta">
      <p>links<br />
        <a href="http://www.oddsoddsodds.com">oddsoddsodds - Quotenvergleich</a> | <a href="http://www.sfstats.net">Statistiken</a> | </p>

    </div>
  </div>
  <!-- end #example -->
</div>
<!-- end #main -->
<div id="sidebar2">
  <div id="sponsors" class="boxed">
    <div class="title">
      <h2>Partner</h2>
    </div>

    <div class="content">
      <ul>
        <li> <a href="http://www.fcklinnsmann.de">FC Klinnsmann </a></li>
        <li> <a href="http://www.Eishockeytipps.de">Eishockeytipps </a></li>
        <li> <a href="http.//www.Wettbasis.com">Wettbasis </a></li>
        <li> <a href="http://www.fcwetten.com">FC Wetten </a></li>

        <li> <a href="http://www.info-wetten.com">Info-Wetten </a></li>
        <li> <a href="http://www.top-wet-tips.de">top-wett-tip.com </a></li>
      </ul>
      <a href="partner.html">mehr </a></div>
  </div>
  <!-- end #sponsors -->

  <div id="ad120x600"><a href="#"><img src="images/ad_120x600.jpg" alt="" width="120" height="600" /></a></div>
</div>

  	<div style="clear: both;">&nbsp;</div>
</div>(Hier kommt das clearende Div rein und das schließende Div von oben)

<!-- end #sidebar2 -->
<!-- end #content -->
<div id="footer">
  <p id="legal">Copyright &copy; 2007 Newfangled. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
  <p id="links"><a href="privacypolicy.html">Privacy Policy</a> | <a href="impressum.html">Impressum</a></p>

</div>
</body>
</html>

**puschtie** · 28-06-2008, 23:09

super

das ist es gewesen - ich danke dir!!!!

Thema: leidiger Anzeigefehler firefox / ie

LinkBack

Themen-Optionen

Anzeige

leidiger Anzeigefehler firefox / ie

AW: leidiger Anzeigefehler firefox / ie

AW: leidiger Anzeigefehler firefox / ie

AW: leidiger Anzeigefehler firefox / ie

AW: leidiger Anzeigefehler firefox / ie

AW: leidiger Anzeigefehler firefox / ie

AW: leidiger Anzeigefehler firefox / ie

AW: leidiger Anzeigefehler firefox / ie

AW: leidiger Anzeigefehler firefox / ie

AW: leidiger Anzeigefehler firefox / ie

Ähnliche Themen

Warum Firefox?

Komplexes Problem in Firefox mit Ajax, Prototype und tinyMCE

firefox xml problem mit firstChild.nodeValue

Firefox

Firefox ärgert mich Part 2/?: CSS -Styles

Lesezeichen

Lesezeichen

Berechtigungen

Swiper Slide Activ ID auslesen

Swiper Slide Activ ID auslesen

Swiper Slide Activ ID auslesen