Ergebnis 1 bis 10 von 10
  1. #1
    puschtie ist offline Grünschnabel
    registriert
    28-06-2008
    Beiträge
    8

    leidiger Anzeigefehler firefox / ie

    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 resolutionSuitable 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 52007</h3>
    <
    p><a href="#">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula&#8230;</a></p>
    </li>
    <
    li>
    <
    h3>March 32007</h3>
    <
    p><a href="#">Quisque dictum integer nisl risussagittis convallisrutrum idcongue, and nibh&#8230;</a></p>

    </li>
    <
    li>
    <
    h3>February 282007</h3>
    <
    p><a href="#">Donec leovivamus fermentum nibh in augue praesent a lacus at urna congue rutrum&#8230;</a></p>
    </li>
    <
    li>
    <
    h3>February 252007</h3>

    <
    p><a href="#">Nam pede eratporta eulobortis egettempus ettellusEtiam nequea&#8230;</a></p>
    </li>
    <
    li>
    <
    h3>February 202007</h3>
    <
    p><a href="#">Vivamus fermentum nibh in auguePraesent a lacus at urna congue rutrumNulla 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</strongis a free template from <a href="http://www.freecsstemplates.org/">Free CSS Templates</areleased 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
    */

    * {
    margin0;
    padding0;
    }

    body {
    margin20px 0;
    background#FFFFFF;
    fontnormal small "Trebuchet MS"ArialHelveticasans-serif;
    color#666666;
    }

    h1h2h3 {
    color#333333;
    }

    h2 {
    }

    h3 {
    font-size1em;
    }

    pblockquoteulol {
    margin-bottom1.5em;
    line-height1.65em;
    text-alignjustify;
    }

    {
    }

    blockquote {
    margin-left2em;
    margin-right2em;
    font-styleitalic;
    }

    ul {
    margin-left3em;
    }

    ul li {
    }

    ol {
    margin-left3em;
    }

    ol li {
    }

    {
    text-decorationunderline;
    color#3E9722;
    }

    a:hover {
    text-decorationnone;
    color#E58C24;
    }

    img {
    bordernone;
    }

    img.left {
    floatleft;
    margin5px 20px 0 0;
    }

    img.right {
    floatright;
    margin5px 0 0 20px;
    }

    /* Boxed Style */

    .boxed {
    }

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

    .
    boxed .title h2 {
    height28px;
    padding12px 0 0 20px;
    text-transformuppercase;
    font-size1em;
    color#FFFFFF;
    }

    .
    boxed .content {
    padding20px;
    border-top1px solid #FFFFFF;
    backgroundurl(images/img07.gifrepeat-x;
    }

    /* Post */

    .post {
    }

    .
    post .title {
    background#3C74E6 url(images/img06.gif) repeat-x;
    font-size1em;
    text-transformuppercase;
    color#FFFFFF;
    }

    .
    post .title span {
    displayblock;
    height28px;
    padding12px 0 0 20px;
    }

    .
    post .date {
    margin-top: -25px;
    padding-bottom10px;
    padding-right20px;
    text-alignright;
    font-sizex-small;
    color#FFFFFF;
    }

    .
    post .date .month {
    }

    .
    post .date .day {
    }

    .
    post .date .year {
    }

    .
    post .meta {
    clearboth;
    }

    .
    post .meta p {
    margin0;
    padding10px 20px 40px 20px;
    border-top1px dotted #CCCCCC;
    line-heightnormal;
    font-sizex-small;
    }

    .
    post .story {
    padding20px;
    border-top1px solid #FFFFFF;
    backgroundurl(images/img07.gifrepeat-x;
    }

    /* Header */

    #header {
    width920px;
    height120px;
    margin0 auto;
    padding20px 20px 0 20px;
    background#CAE646 url(images/img01.jpg) no-repeat;
    }

    /* Header > Logo */

    #logo {
    floatleft;
    width240px;
    height50px;
    }

    #logo h1 {
    floatleft;
    margin0;
    padding50px 0 0 0;
    font-size2.6em;
    }

    #logo h2 {
    floatleft;
    margin-top: -5px;
    font-size1em;
    }

    #logo a {
    text-decorationnone;
    color#000000;
    }

    /* Header > Menu */

    #menu {
    floatright;
    }

    #menu ul {
    margin0;
    padding-top79px;
    list-
    stylenone;
    }

    #menu li {
    displayinline;
    }

    #menu a {
    displayblock;
    floatleft;
    width120px;
    height30px;
    margin-left2px;
    padding-top10px;
    backgroundurl(images/img03.gifno-repeat;
    text-decorationnone;
    text-aligncenter;
    font-weightbold;
    color#000000;
    }

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

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

    /* Content */

    #content {
    width920px;
    margin0 auto;
    padding20px;
    backgroundurl(images/img02.jpgno-repeat;
    border-top1px solid #FFFFFF;
    }

    /* Content > Main */

    #main {
    floatleft;
    width480px;
    padding-left20px;
    }

    /* Content > Main > Welcome */

    #welcome {
    }

    /* Content > Main > Example */

    #example {
    }

    /* Content > Sidebar */

    #sidebar {
    floatleft;
    width220px;
    }

    #sidebar .boxed .title h2 {
    backgroundurl(images/img08.gifno-repeat;
    }

    /* Content > Sidebar > Login */

    #login {
    }

    #login form {
    }

    #login fieldset {
    bordernone;
    }

    #login legend {
    displaynone;
    }

    #login label {
    displayblock;
    }

    #login input {
    margin-bottom10px;
    padding2px 5px;
    fontnormal small "Trebuchet MS"ArialHelveticasans-serif;
    color#666666;
    }

    #inputtext1, #inputtext2 {
    width160px;
    }

    #inputsubmit1 {
    margin0;
    padding0;
    }

    /* Content > Sidebar > Updates*/

    #updates {
    }

    #updates ul {
    margin0;
    list-
    stylenone;
    }

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

    #updates p {
    line-heightnormal;
    font-size.8em;
    }

    #updates a {
    text-decorationnone;
    }

    /* Content > Sidebar2 */

    #sidebar2 {
    floatleft;
    width180px;
    padding-left20px;
    }

    #sidebar2 .boxed .title h2 {
    backgroundurl(images/img10.gifno-repeat right top;
    }

    /* Content > Sidebar2 > Sponsors */

    #sponsors {
    }

    #sponsors ul {
    margin-left0;
    padding-left0;
    list-
    styleinside;
    }

    /* Content > Sidebar2 > ad120x600 */

    #ad120x600 {
    text-aligncenter;
    }

    /* Footer */

    #footer {
    clearboth;
    width960px;
    height80px;
    margin0 auto;
    padding20px 0;
    backgroundurl(images/img02.jpgno-repeat;
    }

    #footer p {
    margin0;
    text-aligncenter;
    line-heightnormal;
    font-sizex-small;
    }

    #footer a {
    text-decorationunderline;
    color#666666;
    }

    #footer a:hover {
    text-decorationnone;
    }

    /* Footer > Legal */

    #legal {
    }

    /* Footer > Links */

    #links {


    irgendwo muss ja der fehler sein
    Geändert von dkdenz (28-06-2008 um 18:31 Uhr) Grund: Code-Tags hinzugefügt...

  2. #2
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: leidiger Anzeigefehler firefox / ie

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

  3. #3
    puschtie ist offline Grünschnabel
    registriert
    28-06-2008
    Beiträge
    8

    AW: leidiger Anzeigefehler firefox / ie

    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.....

  4. #4
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: leidiger Anzeigefehler firefox / ie

    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"


  5. #5
    puschtie ist offline Grünschnabel
    registriert
    28-06-2008
    Beiträge
    8

    AW: leidiger Anzeigefehler firefox / ie

    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....

  6. #6
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: leidiger Anzeigefehler firefox / ie

    Zitat Zitat von puschtie Beitrag anzeigen
    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.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  7. #7
    puschtie ist offline Grünschnabel
    registriert
    28-06-2008
    Beiträge
    8

    AW: leidiger Anzeigefehler firefox / ie

    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???
    Geändert von puschtie (28-06-2008 um 21:34 Uhr)

  8. #8
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: leidiger Anzeigefehler firefox / ie

    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?

  9. #9
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: leidiger Anzeigefehler firefox / ie

    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>


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  10. #10
    puschtie ist offline Grünschnabel
    registriert
    28-06-2008
    Beiträge
    8

    AW: leidiger Anzeigefehler firefox / ie

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

Ähnliche Themen

  1. Warum Firefox?
    Von ernst_stavro_b. im Forum Tools und Programme
    Antworten: 46
    Letzter Beitrag: 31-03-2008, 12:09
  2. Antworten: 5
    Letzter Beitrag: 10-10-2007, 11:05
  3. firefox xml problem mit firstChild.nodeValue
    Von mael15 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 01-05-2007, 18:02
  4. Firefox
    Von jkuhn1 im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 10-07-2005, 15:45
  5. Firefox ärgert mich Part 2/?: CSS -Styles
    Von bubu-der-uhu im Forum Allgemeines
    Antworten: 3
    Letzter Beitrag: 31-05-2005, 15:08

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •