Was haben die W3C-Validator-Hinweise zu bedeuten?

...komplette Frage anzeigen

2 Antworten

Diese ganzen Prozentangaben verwirren mich. Wieso machst du soviel mit Prozent-Angaben? Nehm Pixel, dass ist auch nicht eindeutig, HTML und CSS interpretiert halt der Browser, da wird nie alles gleich sein.

In Pixel ist es aber relativ vertretbar, da ändert sich nicht soviel. Ich kann mich meinem Vorredner anschließen, statt em sind px besser. Räum deinen Code mal auf und verzichte auf soviel Prozent, ich brauche Prozenz höchstens für eine Topbar, die sich über die ganze Seite erstreckt, mehr nicht ;-)

dabadai 03.07.2013, 17:06

Hmm ... ich habe mich für Prozente entschieden, weil es dann auf allen Ausgabegeräten ungefähr ähnlich aussieht. Sowohl auf Tablets, als auch auf sehr breiten Monitoren.

hab grad auch auf dieser Seite noch einen Hinweis gefunden, was der Fehler sein könnte (hab die Seite aber nur überflogen):

https://developer.mozilla.org/de/docs/CSS/border-radius

>

werden nicht von WebKit unterstützt und sind fehlerhaft in Opera 10.x sind in Versionen vor Gecko 2.0 (Firefox 4.0) in einer nicht standardisierten Weise implementiert. <<

Habe inzwischen auch festgestellt, dass die ein und dieselbe Prozentzahl bei Opera perfekt passt, während mein dritter, an der rechten Seite befindlicher div-Container runterrutscht.

Ich werd mal probieren, was passiert, wenn ich em oder pixel verwende ^^

0
dabadai 03.07.2013, 17:11
@dabadai

Prozentangaben stand eigentlich noch über dem ausschnitt aus der website

0

not allowed in prolog

Du hast irgendwas in die erste Zeile geschrieben, was da nicht hingehört.

cannot continue because of previous errors

So viele/gravierende Fehler, dass der Validator nicht mehr will :D

Zeig den Code (am besten gleich die ganze Seite), dann kann man mehr sagen.

dabadai 02.07.2013, 14:08

Mir ist gerade aufgefallen dass ich ausversehen den HTML- und nicht den CSS Validator benutzt habe -.- Ups! Jetzt habe ich auch keine Fehler mehr.

Weißt du vielleicht trotzdem, wie man das hinbekommt, dass die Abstände in Opera nicht mehr so fett sind? (also zwischen dem float:left ... dann dem Block neben dem float:left .... und dem float: right? Ich habe mit margin left: 1% gearbeitet, oder 0.5%, weiß net mehr genau ... in Mozilla sind die Linien schön schmal, in Opera total fett ...)

Und der IE kommt gar nicht klar auf mein Design aber da kümmer ich mich später drum :-) das ist ja eh ein Thema für sich ...

0
RobbingHood 02.07.2013, 14:09
@dabadai

Kann sein, dass Opera die Kommas nicht verträgt. Aber wie gesagt, ohne Code kann ich dir nicht helfen.

0
dabadai 02.07.2013, 14:12
@RobbingHood

body { width:100%; height:100%; margin:0; padding:0; }

  • { margin: 0; padding: 0; }

.p04em {margin-bottom: 0.4em; margin-top: 0.4em;}

.p06em {margin-bottom: 0.6em; margin-top: 0.6em;}

.p09em {margin-bottom: 0.9em; margin-top: 0.9em;}

.p1em {margin-bottom: 1em; margin-top: 1em;}

h { font-family: Verdana; font-size: 1.25em; font-weight: bold; color:white; line-height: 2em; }

h1 { font-family: Verdana; font-size: 0.9em; font-weight: bold; line-height: 1.4em; }

h2 { font-family: Verdana; font-size: 0.7em; line-height: 1.4em; font-weight:normal; }

h3 { font-family: Verdana; font-size: 1.15em; font-weight: bold; color:white; line-height: 2em; }

.unsichtbar { display:none; }

header{

}

#main{
width:80%;
margin:0px auto;
}


    #menu{
    float:left;
    width:18%;
    margin-top:0.25%;
    margin-bottom:0.25%;
    padding:0;
    }


        #menu ul {
        list-style-type:none;
        }

        #menu ul li {
        border-bottom: 1px solid #fff;
        color:white;
        background-color: #1155BB;
        width:100%;
        line-height: 2em;
        height:2.11em;
        }


        #menu a {
        text-decoration:none;
        color:white;
        background-color: #1155BB;
        display:block;
        font-family: Verdana;
        font-size: 1em;
        text-indent:3%; 
        font-weight: bold;
        width:100%;

        }

        #menu a:hover {
        color: #fff;
        background:#1155BB;
        }

        #menu li {
        position:relative;
        }

        #menu ul ul{
        position:absolute;
        top:0;
        width:100%;
        left:100%;
        z-index:2;
        display:none;
        border-left: 1px solid #fff;
        border-right:1px solid #fff;
        border-top:0.5px solid #fff;
        margin-top:-0.5px;
        line-height: 2em; 
        }

        #menu ul li ul li{
        height:2.11em;
        } 

        #menu ul li:hover ul {
        display:block;
        } 

    #inhalt{
    float:left;
    width:59.75%;
    background:url('Bilder/verlauf.png');
    background-repeat:repeat-x; 
    margin-top:0.25%;
    margin-bottom:0.25%;
    margin-left:0.25%;
    font-family: Verdana;
    font-size: 0.9em;
    line-height: 1.4em;
    padding-left:1%;
    padding-right:1%;
    padding-top:0;
    }



            #name {
            width:60%;
            }   


            #mail {
            width:60%;
            }       

            #area {
            height:14em; 
            width:60%;
            }

    #Termine{
    float:right;
    width:19.5%;
    margin-top:0.25%;
    margin-bottom:0.25%;
    }


        #A{
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-family: Verdana;
        font-size: 1em;
        font-weight: bold;
        text-decoration: none;
        text-indent:3%;
        width:100%;
        height: 2.11em;
        display: block;
        color:white;
        background-color: #1155BB;
        line-height: 2em;
        border-bottom: 1px solid #fff;
        }

        #g{
        margin-top:0;
        margin-left:0;
        margin-right:0;
        margin-bottom:1.5%;
        list-style-type: none;
        font-family: Verdana;
        font-size: 0.9em;
        padding-left:3%;
        padding-right:1%;
        padding-bottom:5%;
        padding-top: 1%;
        width:96%;
        display: block;
        color:white;
        background-color: #6096e6;
        line-height: 1.15em;
        border-bottom: 1px solid #fff;
        }

        #T{
        margin-top:0;
        margin-left:0;
        margin-right:0;
        margin-bottom:1.5%;
        list-style-type: none;
        font-family: Verdana;
        font-size: 0.9em;
        padding-left:3%;
        padding-right:1%;
        padding-bottom:5%;
        padding-top: 1%;
        width:96%;
        height: 20%;
        display: block;
        color:white;
        background-color: #6096e6;
        line-height: 1.15;
        border-bottom: 1px solid #fff;
        }
0
RobbingHood 02.07.2013, 14:37
@dabadai

Und das soll ich jetzt ohne Seite einfach so erkennen? >.>
Nimm statt em mal lieber px, (und weniger %).

Was spricht denn gegen einen simplen Link?

Aber whatever.

0
dabadai 03.07.2013, 16:58
@RobbingHood

Ja sorry ... wegen dem Link: Ich hab bisher noch keinen webspace usw., deswegen kann ich gerade keinen Link schicken ... will das aber ehrlich gesagt auch nicht unbedingt ins Netz stellen, weil ich anonym bleiben möchte, und man andernfalls wüsste, woher ich komme usw.

0
Elroy7000 04.07.2013, 18:54
@dabadai

will das aber ehrlich gesagt auch nicht unbedingt ins Netz stellen, weil ich anonym bleiben möchte,

Wenn du das nicht ins Internet stellen willst kann es dir doch egal sein wenn es mit einem Browser nicht passt, dann nimm halt den Browser in dem das Aussehen stimmt.

0

Was möchtest Du wissen?