Finde den Fehler nicht: XHTML Strict

  1. balufreak

    balufreak Thread Starter MacUser Mitglied

    Mitglied seit:
    12.10.2003
    Beiträge:
    1.556
    Zustimmungen:
    28
    Hallo Leute! Ich habe eine Seite, und zwar http://www.cube-night.ch

    Diese sieht im FF perfekt aus, aber im IE hat es rechts noch so ein kleinen streifen, wo das logo nicht ganz rüber geht. Könnt ihr mir sagen, wass da falsch ist? ich habs auch schon validieren lassen und es ist gültig bis auf die <p> und <ul> tags. aber das kann auch nichts damit zu tun haben.

    Desweiteren, könnte mir jemand von Safari ein Screenshot machen?
     
    balufreak, 12.09.2006
    #1
  2. Darii

    Darii MacUser Mitglied

    Mitglied seit:
    24.02.2004
    Beiträge:
    2.065
    Zustimmungen:
    110
    Der IE berechnet vermutlich irgendeinen Wert falsch.

    Mit
    Code:
    div.width { 920px; }
    klappt es im IE(aber nur da)
     
    Darii, 12.09.2006
    #2
  3. 2nd

    2nd MacUser Mitglied

    Mitglied seit:
    25.07.2004
    Beiträge:
    8.901
    Zustimmungen:
    242
    Hier ist der Screen - rechts und unten Scrollbalken:

    Safari Screen

    Noch was zum Markup: Wenn schon unbedingt Strict und XHTML - dann gehört da meiner Meinung nach auch semantisch korrektes HTML dazu. Dein Markup ist jedoch ziemliches DIVitis Chaos, gemixt mit Layoutplatzhaltern aus den PräCSS Zeiten und anderen Kuriositäten (z. B. eine hochskalierte Grafik von 800 auf 940px -> Logo):

    z. B. hier:

    HTML:
    <div class="width">
        <div id="header">
            <div class="text">
    
    und hier die &nbsp;:

    HTML:
    &nbsp;<!--<a href="index.php?cat=8">Impressum</a>&nbsp;&nbsp;&nbsp;//&nbsp;&nbsp;&nbsp;<a href="index.php?cat=9">Quellen</a>-->
    
    Da sollstest Du nochmal einiges überarbeiten. Auch im CSS File:

    Code:
    #header .text{
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        height: auto;
        border: 0px solid;
    }
    
    Da reicht ein:

    Code:
    #header .text{
        padding: 0;
        margin: 0;
        height: auto;
        border: 0;
    }
    
    Auch ist mir nicht ganz klar, warum Du das Headerbild in einen ExtraDIV tust? Ferner sollstes Du das Menu als Liste mit Inline Elementen auszeichnen.

    Das alles ist mir auf den ersten Blick aufgefallen. Wenn schon XHTML und strict dann bitte richtig ;) Ich hoffe, Du verzeihst mir!

    2nd
     
    2nd, 12.09.2006
    #3
  4. 2nd

    2nd MacUser Mitglied

    Mitglied seit:
    25.07.2004
    Beiträge:
    8.901
    Zustimmungen:
    242
    Ich nochmal: Du hast im Footer ein Padding von 10px eingebaut, das zur Breite von 940px dazu addiert wird - deswegen gibt es die Lücke im IE:

    HTML:
    #footer .text{
        padding: 2px 10px 2px 2px;
        margin: 0px 0px 0px 0px;
    	width: 100%;
    }
    
    Nimm das raus und die Lücke ist weg:

    HTML:
    #footer .text{
    	width: 100%;
    }
    Und tu ganz oben in die CSS folgendes:

    HTML:
    * {
    	margin: 0;
    	padding: 0;
    }
    
    Und danach würde ich alle margins und paddings in der CSS löschen und neu strukturieren. Beide Dokumente (HTML und CSS) sind echtes Superchaos, sorry. Im Prinzip reicht ein DIV, nämlich das .width, den Rest kannst Du ohne DIVS darstellen, ULs, H1, H2 und p sind Deine Freunde :)

    2nd
     
    2nd, 12.09.2006
    #4
Die Seite wird geladen...
Ähnliche Themen - Finde den Fehler
  1. Maren
    Antworten:
    5
    Aufrufe:
    470
    MacMac512
    12.02.2017
  2. mac-onkel
    Antworten:
    5
    Aufrufe:
    1.805
    Labrar
    28.07.2010
  3. NEWBEE
    Antworten:
    2
    Aufrufe:
    970
    wegus
    28.09.2008
  4. Blue Island
    Antworten:
    6
    Aufrufe:
    535
    So Seductive
    02.07.2008
  5. sapnho
    Antworten:
    1
    Aufrufe:
    776
    froride
    01.07.2007