4. w3c.org

w3c.org

  • B

    Bloops schrieb:

    Statt str_replace solltest du über die ganzen urls einfach ein htmlentities() drüberlaufen lassen.

    Kopier hier dochmal deinen kompletten generierten HTML-Code rein, dann kann man besser gucken.

    Das mit htmlentities hat nicht gefunzt, oder ich hab was falsch gemacht (eher) dann hab ich halt str_replace genommen.

    Das ist der Auszug aus der HTML Datei, die von der menu.php generiert wird.

    <div class="menu"><table class="menutable"><tr><td class="mnuheader">Home</td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=home&amp;page=news&amp;action=show">News</a></td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=home&amp;page=about">Über</a></td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=home&amp;page=contact">Kontakt</a></td></tr></table><p><table class="menutable"><tr><td class="mnuheader">Schule</td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=school&amp;page=exams&amp;action=search">Arbeiten</a></td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=school&amp;page=howler&amp;action=show">Stilblüten</a></td></tr></table><p><table class="menutable"><tr><td class="mnuheader">Medien</td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=uc&page=show">Artikel</a></td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=uc&page=show">Photos</a></td></tr></table><p><table class="menutable"><tr><td class="mnuheader">Downloads</td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=uc&page=show">Schule</a></td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=uc&page=show">Programme</a></td></tr></table><p><table class="menutable"><tr><td class="mnuheader">Community</td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=uc&page=show">Diskussionsforum</a></td></tr><tr><td class="mnuitem"><a class="mnulink" target="_self" href="?section=uc&page=show">Gästebuch</a></td></tr></table><p><p class="mnulink">&nbsp;</p>
</div>
    0
  • B

    Oh! Da hab ich glaub den Fehler endeckt!

    0
  • S
    Mod

    ausser dass man target nicht verwenden sollte und target=_self sowieso implizit immer angenommen wird schaut der code korrekt aus.

    was sagt der validator dazu?

    bitte die ersten 3 fehlermeldungen posten

    0
  • B

    Hab jetzt alles gefixt. Hatte nicht genau differenziert. Hatte nämlich eine Ausnahme bei manchen Links, wo überall das gleiche Ziel eingesetzt wird, und da war der Fehler.

    Also dann ist meine HP jetzt Css und HTML validiert 🤡

    Toll!

    Aber sie funzt trotzdem nicht mit allen Browsern, so ein Shit! 👎 👎

    Trotzdem danke!

    0
  • B

    Also ich hab jetzt alles gefixt, aber irgentwie will die Mozilla Engine des net richtig anzeigen.
    Könnt ihr das mal checken? Mit allen möglichen Browsern? IE und Opera machens richtig, aber sonst?!

    An was kann das jetzt schon wieder liegen?

    www.brain-death.net

    0
  • B

    Hat den keiner schnell Zeit?!?!

    0
  • F

    Mit schnell ist bei diesem unübersichtlichen Code wohl nichts drin 😞
    Ich hab mir das mal grob angeschaut, hab aber nicht genau gefunden, wo z.B. die Styles für die Positionierung der einzelnen DIVs zu finden ist (müssten doch mit position:absolute; sein, oder?)
    Außerdem habe ich gesehen, dass du doch erst wieder Tabellen zur Formatierung verwendest - und zwar innerhalb des jeweiligen DIVs 😕

    0
  • B

    Hier:

    body {
background-color : #ff9a31;
font-family : Georgia, "Times New Roman", Times, serif;
color : #000000;
margin : 0;
padding : 0;
}
.layout {
border-collapse : collapse;
border : 1px solid #33ff00;
margin : 10px auto;
width : 704px;
}
.banner {
border-collapse : collapse;
background-color : #000000;
height : 100px;
}
.footer {
font-size : 11px;
color : #ffffff;
background-color : #000000;
border : 1px solid #000000;
border-collapse : collapse;
text-decoration : underline;
line-height : 20px;
font-variant : normal;
font-weight : lighter;
font-style : normal;
width : auto;
height : 20px;
margin-right : 105px;
margin-left : 105px;
padding : 3px;
margin-top : 0;
margin-bottom : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.header {
background-color : #ffffff;
border-collapse : collapse;
height : 20px;
border-top : 1px solid #000000;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
border-left : 1px none #000000;
}
.menu {
width : 120px;
border-collapse : collapse;
color : #ffffff;
position : absolute;
padding : 3px;
margin-left : 5px;
top : 140px;
left : 0;
}
.content {
background-color : #ffffff;
width : auto;
height : 400px;
margin-left : 105px;
margin-right : 105px;
padding-right : 30px;
padding-left : 30px;
padding-top : 20px;
padding-bottom : 20px;
border-top : 1px none #000000;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
border-left : 1px solid #000000;
}
.normaltext {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.infobox {
position : absolute;
margin-right : 5px;
padding : 3px 3px 5px;
top : 140px;
right : 0;
height : 300px;
width : 120px;
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
a.onwhite:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #0033ff;
}
a.onwhite:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #0033ff;
}
a.onwhite:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #0033ff;
text-decoration : underline;
}
h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
color : #000000;
}
.inputtext {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
border : 1px solid #000000;
}
.inputbutton {
background-color : #cccccc;
border : 1px groove #000000;
}

    Das mit den Tabellen ist nur im Menü. Aber dort scheint der Fehler mit Mozilla nicht zu sein. Es betrifft mehr den mittleren "Content"-Teil.

    0
  • F

    Ich habe gerade etwas rumprobiert und den Fehler gefunden 🙂
    Du gibst für die header-Klasse eine falsche Höhe an. Der IE vergrößert einfach entsprechend, Mozilla und andere, aber nicht!
    Also entweder die richige Höhe angeben, oder die Angabe einfach ganz weglassen - so wie bisher macht es zumindest keinen Sinn und führt nur zu Fehlern 😉

    0
  • B

    Cool, danke!
    Funzt. Aber noch nicht alles. Mozilla macht bei Content oben noch einen Fehler. Der Header wird übermalt!

    Was stimmt den da noch nicht?

    DANKE!

    0
  • B

    Habs mit z-Index versucht, aber es tut irgentwie nicht 😞
    Muss man da was beachten?

    Danke!

    0
  • F

    Also bei mir hat eigentlich alles gestimmt! Du hast die Änderungen aber offenbar noch nicht online gestellt. Könntest du dann evtl. auch noch einen Screenshot hochladen, und markieren, was dir nicht gefällt 🙄

    0
  • B

    Also ich hab alles hochgeladen.
    Mit Opera+IE geht alles aber mit Mozilla/NS/Phoenix hab ich Anzeigefehler in der oberen Seite des Inhalts-Divs.

    Bsp:
    Richtig (Opera + IE)
    http://www.brain-death.net/opera_ie.jpg

    Falsch (NS/Mozilla)
    http://www.brain-death.net/ns_moz.jpg

    Danke!

    0
  • F

    Dann blick ich nicht, was du geändert hast 😕
    Ich meinte das hier:

    .header {
	background-color : #ffffff;
	border-collapse : collapse;
->  height : 20px;
	border-top : 1px solid #000000;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-left : 1px none #000000;
	z-index: 1;
}
    0
  • B

    Boa! Fett! Jetzt gehts, danke!
    Hab da n andern Fehler behoben....vorhin. Jetzt geht alles! Danke!

    ciao
    😃

    0
  • F

    lol - jetzt interessiert mich aber doch noch, was für einen Fehler du aus meiner ersten Beschreibung gefunden hast 😃

    0
  • B

    flenders schrieb:

    lol - jetzt interessiert mich aber doch noch, was für einen Fehler du aus meiner ersten Beschreibung gefunden hast 😃

    Die Höhe vom "Content" war immer 300px im Mozilla, auch wenn der Inhalt drüberhinausging. Du hast gesagt ich soll die Höhenangabe wegmachen => es hat gefunzt!

    Danke nochmal.

    0
  • F

    flenders schrieb:

    Du gibst für die header-Klasse eine falsche Höhe an.

    Ich finde das eigentlich unmissverständlich, aber wenn du dadurch auch gleich noch einen weiteren Fehler derselben Art gefunden hast - umso besser 🙂

    0
Anmelden zum Antworten