http://www.bauwerk4d.de

[G-Punkt]

site under constuction oder auch WIP (work in progress)

bauwerk.4d

Einige wichtige Inhaltselemente fehlen noch:
- die Quellennachweise der Bilder
- die Projekte / Referenzen (das ist noch ne umfangreiche und knotige G'schichte)
- div. Tätigkeitsfelder wie bspw. Thermografie
- fast alle vorhandenen Texte müssen noch erweitert/ergänzt/ausgewechselt und was-weiß-ich werden
- ...

Grüße
Michael

[Jensensen]

Hallo Michael,

sehr ordentlich, wie ich finde.

Unter "Kontakt" würde ich noch die png/ttf's in
/template/inc_captcha/ farblich anpassen und entsprechend ändern in: /include/inc_ext/SOLMETRA_FormValidator/SPAF_FormValidator.class.php

Unter "Kundenbereich":
Was ist/bedeutet "GZIP Kompression ist erlaubt"?
Was macht der "Invision Power File Manager"?
Wie kommt der auf die Seite, wie hast Du den (warum) eingebaut?

PNG: schaut das alles auch im IE6 so gut aus?

Anstelle "titel-2.png" mit Transparenz könntest Du womöglich auch den #header absolut positionieren innerhalb #extra mit:

{
position: absolute;
width: 100%;
top: 0px;
left: 0px;
height: XYpx oder sonst wie;
display: block;
background-color: #333;
opacity: 0.5;
}

aber klappt ja auch so, wie es ist, prima.

[G-Punkt]

Unter "Kontakt" würde ich noch die png/ttf's in
/template/inc_captcha/ farblich anpassen und entsprechend ändern in: /include/inc_ext/SOLMETRA_FormValidator/SPAF_FormValidator.class.php

Du meinst, das CAPTCHA-Teil eingrauen? Gute Idee, DONE...

Unter "Kundenbereich":
Was ist/bedeutet "GZIP Kompression ist erlaubt"?

Ich denke mal, das serverseitig die Option "Kompression" für Up- und Download gestattet ist. Habs noch nie benutzt, muß ich mal testen.

Was macht der "Invision Power File Manager"?
Wie kommt der auf die Seite, wie hast Du den (warum) eingebaut?

Das ist ein Dateimanager mit Usermanagment, der den Kunden die Möglichkeit bietet, sehr komfortabel eigene Dateien (Bilder, Texte, Pläne) hochzuladen und auch die vom Büro fertig gestellten Pläne/Skizzen/Entwürfe usw.pp. zu saugen.
Ich hatte das aus einem anderen (eigenen) Projekt erst einmal übernommen. Ich habe mich noch nicht drum gekümmert, inwieweit eine Up/Downloadmöglichkeit mit PHPwcms-Bordmittel zu realisieren ist.

PNG: schaut das alles auch im IE6 so gut aus?

Fast...
Was noch nicht so optimal ist, sind die Positionen und Dimensionen einzelner Elemente (-> bspw. der Los-Knopf der Suche)

Anstelle "titel-2.png" mit Transparenz könntest Du womöglich auch den #header absolut positionieren innerhalb #extra mit:

{
position: absolute;
width: 100%;
top: 0px;
left: 0px;
height: XYpx oder sonst wie;
display: block;
background-color: #333;
opacity: 0.5;
}

aber klappt ja auch so, wie es ist, prima.

Das schau' ich mir noch genauer an... da bin ich nämlich noch nicht ganz fertig und/oder zufrieden.

Dank für Deine Infos/Kritiken/Ideen

Grüße
Michael

[Rainer G]

Das Menü rechts oben ist durch die Hintergrundgrafik nicht sehr deutlich zu erkennen. Sollte sich mehr absetzen.

[G-Punkt]

Das Menü rechts oben ist durch die Hintergrundgrafik nicht sehr deutlich zu erkennen. Sollte sich mehr absetzen.

Dieses Menü sollte eher "unscheinbar" oder "unaufdringlich" wirken, aber:
Ja, das ist einer der kleinen Baustellen.
Genau dort klappt's mit der png-Transparenz im IE6 nicht, dort schauts nämlich komplett anders aus.
Bin schon drüber... doch eigentlich nur, um zu verstehen, warum ich das nicht so steuern kann wie ich will. Irgendwas habe ich da noch nicht recht verstanden.
Ich würde fast wetten, dass nach einer Codebereinigung der beteiligten CSSe der Groschen fallen wird.

Aber ein klein wenig mehr Deutlichkeit... hmmmm... wäre sicher nicht falsch. Ich mach' mich drüber.

Danke

[DF6IH]

Architekten....

Das fatale an dem Hintergrund ist, dass das Gerüst falsch aufgebaut ist... das kannst DU aber nicht ändern.

[claus]

Da das mit phpwcms mitgelieferte htc-file nur die mit <img src=".... eingebundenen alpha-transparenten PNGs auf "quasi-transparent" umwürgt, nicht jedoch die mit css eingebauten Hintergrundbilder, schafft Folgendes hier Abhilfe (sollte in einem Extra-Stylesheet liegen und per Conditional Comment dann dem IE < 7 geliefert werden):

Code: Select all

.graystripe {
   background-image:none; /*erst mal den Hintergrund ausknipsen*/
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../website/graystripe-trans.png', sizingMethod='crop'); /*oder sizingMethod='scale' zb in Deinem Fall auch mal testen*/
   /*falls andere abweichende Formatierungen gebraucht werden*/
   height: 20px;
   width: auto;
}

Das Hintergrundbild muss (und kann) in diesem Fall nicht positioniert werden, da der IE daraus etwas wahrhaft undefinierbar monströses macht, das sich weiterer Kontrollen entzieht.
Ich habe bisher nicht ausprobiert, wie das mit den Hover-Zuständen funktioniert, aber das könntest Du ja berichten, falls Du diese proprietäre IE-Anweisung einsetzt (deshalb auch das Extra-Stylesheet, damit's valide bleibt)

Happy transparenting

EDIT: vergessen: vermutlich musst Du dann für die darüber liegenden Links ein

Code: Select all

.graystripe a {position:relative;}

oder so einsetzen, andernfalls könnten die Links "unclickable" werden - werden vom Monstrum gefressen

[claus]

...and while we're at it

Result: 0 errors / 4 warnings

line 99 column 6 - Warning: <style> isn't allowed in <div> elements
line 99 column 1 - Info: <div> previously mentioned
line 72 column 40 - Warning: <img> attribute "width" has invalid value "181px"
line 72 column 40 - Warning: <img> attribute "height" has invalid value "68px"
line 99 column 1 - Warning: trimming empty <div>

[nora0355]

Hallo Michael.

die Links funktionieren auch nicht. Sieht so aus: "http://www.bauwerk4d.de/www.bafa.de"

Der Link zum Invision Power File Manager funktioniert auch nicht.


Gruß Rainer

[G-Punkt]

@Claus:
GENAU, GENAU, es war farblich mal alles so, wie es sein sollte (auch im IE6) nur ließen sich die Links nicht mehr anklicken
Also alles umgebaut und rumgefummelt und getrickst, was FF und Firebug so hergegeben haben. Das da die Sauberkeit auf der Strecke geblieben ist... war ja klar!
Aber ich gebe mich erst zufrieden, wenn alles funktioniert (also in 100 Jahren ungefähr...)
Das betrifft auch die Warnungen; hatte die Site schon mal komplett grün, d.h. valide

@Rainer:
Jepp, habe ich dann auch entdeckt und war einigermaßen erstaunt. Habe herausgefunden, das die Links in der Linkliste zwingend mit http:// beginnen müssen...

Danke euch allen

Grüße
Michael, der sich jetzt um die Conditional Comments kümmern wird...

[G-Punkt]

So, nach diverser Neupositionierung, -relativierung, -absolutierung -conditionierung und Transparenz-wech-aus-Buttons dürfte auch der IE nix mehr zu meckern haben.

Laut http://validator.w3.org gibts nur noch einen (1) Fehler... den bekomm' ich auch noch weg.
Aber warum? Stört doch nicht.

[kukki]

Natürlich stört das nicht, aber ich versuche solche Fehlerchen immer auszubügeln. Eine konforme Seite ist immer ein gutes Argument für PR!

Zeile 85 Zeichen 1 - Warnung: <style> ist in <div> Elementen nicht erlaubt
Zeile 58 Zeichen 40 - Warnung: Element <img>: Attribut "width" hat ungültigen Wert "181px"
Zeile 58 Zeichen 40 - Warnung: Element <img>: Attribut "height" hat ungültigen Wert "68px"
Zeile 85 Zeichen 1 - Warnung: Leeres Element <div> anpassen/löschen

0 Fehler / 4 Warnungen

Die wirst Du doch wegkriegen, oder?
Viel schlimmer fällt die CSS-Validierung aus, da mußt Du noch mal ran, um die Seite konform zu kriegen. Anbei die Basis, der Rest wäre dann anzupassen:
Ihr validiertes Cascading Style Sheet:

Code: Select all

.nlu_navi1 {
margin : 0;
text-decoration : none;
font : normal normal 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
width : 165px;
}
.nlu_navi1 em {
font-style : normal;
}
.nlu_navi1 ul {
margin : 0;
margin-bottom : 5px;
padding : 0;
border : 0;
list-style : none;
width : 160px;
}
.nlu_navi1 ul li {
position : relative;
}
.nlu_navi1 ul li a, .nlu_navi1 ul li a:link, .nlu_navi1 ul li a:visited, .nlu_navi1 ul li a:active {
display : block;
text-decoration : none;
text-transform : none;
color : #3a3931;
background : #cacaca;
padding : 1px 0 0 5px;
width : 155px;
width : 155px;
border : 1px solid;
margin-bottom : 5px;
}
.nlu_navi1 ul li.active a, .nlu_navi1 ul li.active a:link, .nlu_navi1 ul li.active a:visited, .nlu_navi1 ul li.active a:active {
color : #111;
font-weight : bold;
background : #ddd;
margin-bottom : 5px;
}
.nlu_navi1 ul li a:hover, .nlu_navi1 ul li.active a:hover {
color : white;
background : #5d5d5d;
font-weight : bold;
}
.nlu_navi1 ul ul li.sub_no a, .nlu_navi1 ul ul li.sub_no a:link, .nlu_navi1 ul ul li.sub_no a:visited, .nlu_navi1 ul ul li.sub_no a:active, .nlu_navi1 ul ul li.sub_ul a, .nlu_navi1 ul ul li.sub_ul a:link, .nlu_navi1 ul ul li.sub_ul a:visited, .nlu_navi1 ul ul li.sub_ul a:active {
display : block;
text-decoration : none;
text-transform : none;
font-weight : normal;
color : #5d5d5d;
background : #f1f1f1;
padding : 1px 0 0 5px;
margin-left : 5px;
margin-bottom : 1px;
width : 150px;
width : 150px;
border : 1px solid;
}
.nlu_navi1 ul ul li.active a, .nlu_navi1 ul ul li.active a:link, .nlu_navi1 ul ul li.active a:visited, .nlu_navi1 ul ul li.active a:active {
color : #fff;
font-weight : bold;
background : #5d5d5d;
}
.nlu_navi1 ul ul li a:hover, .nlu_navi1 ul ul li.sub_no a:hover, .nlu_navi1 ul ul li.sub_ul a:hover, .nlu_navi1 ul ul li.active a:hover {
color : white;
background : #979797;
}
.nlu_navi1 ul ul ul li.sub_no a, .nlu_navi1 ul ul ul li.sub_no a:link, .nlu_navi1 ul ul ul li.sub_no a:visited, .nlu_navi1 ul ul ul li.sub_no a:active, .nlu_navi1 ul ul ul li.sub_ul a, .nlu_navi1 ul ul ul li.sub_ul a:link, .nlu_navi1 ul ul ul li.sub_ul a:visited, .nlu_navi1 ul ul ul li.sub_ul a:active {
display : block;
text-decoration : none;
text-transform : none;
font-weight : normal;
color : #ffffff;
background : #98bce0;
padding : 1px 0 0 30px;
width : 150px;
width : 150px;
border : 0;
border-bottom : 1px solid #ccc;
}
.nlu_navi1 ul ul ul li.active a, .nlu_navi1 ul ul ul li.active a:link, .nlu_navi1 ul ul ul li.active a:visited, .nlu_navi1 ul ul ul li.active a:active {
color : white;
font-weight : bold;
background : #004f95;
}
.nlu_navi1 ul ul ul li a:hover, .nlu_navi1 ul ul ul li.sub_no a:hover, .nlu_navi1 ul ul ul li.sub_ul a:hover, .nlu_navi1 ul ul ul li.active a:hover {
color : white;
background : #979797;
}
* html .nlu_navi1 ul li {
float : left;
height : 1%;
}
* html .nlu_navi1 ul li a {
height : 1%;
}
#extra_button {
text-decoration : none;
color : #f1f1f1;
height : 17px;
background-image : url(../inc_bw4d/neu-4.png);
padding-top : 3px;
padding-left : 5px;
}
#extra_button a, a:link, a:visited {
text-decoration : none;
color : #f1f1f1;
}
#extra_button a:hover {
text-decoration : none;
color : #f1f1f1;
}
div.slider {
margin : 0 auto 0 auto;
padding : 5px 0 0 0;
background-color : #f0f0f0;
overflow : hidden;
width : 454px;
position : relative;
height : 100px;
}
div.slider div.inner {
margin : 0;
padding : 0;
list-style : none;
height : 141px;
width : 5000px;
position : absolute;
left : 0;
top : 5px;
}
div.slider div.inner a {
border : 3px solid #ffffff;
padding : 0;
float : left;
background-color : #000000;
margin : 0 10px 0 0;
}
div.slider div.inner a:hover {
border : 3px solid #fff;
}
div.slider div.inner a img {
width : 100px;
}
html, body {
width : 99%;
height : 99%;
margin : 10px 0 10px 0;
background-image : url(../inc_bw4d/bg1.gif);
background-color : #ccc;
font : normal normal 11px/19px Arial, Geneva, Verdana, Helvetica, sans-serif;
text-align : justify;
font-size : 87%;
}
#container-border {
width : 702px;
margin : 0 auto 0 auto;
background-color : #ccc;
border : 10px solid #979797;
}
#header {
height : 68px;
width : 696px;
position : relative;
float : left;
background-image : url(../inc_bw4d/titel-2.png);
background-repeat : repeat;
border-bottom : 1px solid #979797;
font-size : 27px;
font-weight : bold;
letter-spacing : 6px;
text-align : left;
padding-left : 6px;
padding-top : 0;
}
#header_text {
width : 250px;
height : 58px;
padding : 10px 0 0 6px;
float : left;
clear : both;
}
.header_bigText {
width : 450px;
color : #979797;
font-size : 27px;
font-weight : bold;
letter-spacing : 6px;
text-align : left;
padding-left : 6px;
padding-top : 17px;
}
.header_smallText {
width : 450px;
color : #dcdcdc;
font-size : 12px;
font-weight : bold;
letter-spacing : 4px;
text-align : left;
padding-left : 9px;
}
#logo {
background-image : url(../inc_bw4d/titel-2.png);
width : 180px;
height : 68px;
margin-left : 10px;
background-position : center 0%;
float : right;
}
#content_navi {
width : 702px;
background-image : url(../inc_bw4d/content.png);
}
#navigation {
width : 171px;
margin-top : 12px;
padding-top : 23px;
float : right;
text-align : left;
}
#extra {
width : 702px;
height : 264px;
}
#extra_navi {
width : 180px;
height : 195px;
float : right;
padding-top : 0;
background : url(../inc_bw4d/extranavibg.png);
text-align : left;
}
#extra_navi #extra_button a {
text-transform : uppercase;
}
#breadcrumb_search {
height : 26px;
width : 702px;
background-color : #dcdcdc;
float : left;
}
#breadcrumb {
width : 508px;
height : 21px;
float : left;
text-align : left;
padding-left : 14px;
color : #979797;
padding-top : 3px;
border-top : 1px solid #adadad;
border-bottom : 1px solid #adadad;
}
#search_form_top {
float : left;
margin-top : -2px;
margin-left : -6px;
}
#search_input_field_left {
float : left;
margin : 1px 1px 1px 9px;
width : 114px;
height : 18px;
background-color : #ccc;
border : 1px solid #3a3931;
}
#search_submit_button {
width : 41px;
height : 22px;
background-color : #ccc;
border : 1px solid;
margin : 1px 0 0 3px;
float : left;
}
#search_form {
float : right;
width : 180px;
height : 24px;
background-color : #dcdcdc;
border-top : 1px solid #adadad;
border-bottom : 1px solid #adadad;
padding-bottom : 0;
}
.formSearch {
margin : 0 1px 1px 1px;
width : 140px;
height : 15px;
}
.phpwcmsSearchResult {
margin : 15px;
}
.phpwcmsSearchResult h3 {
margin : 10px 0 1px 0;
font-size : 12px;
font-weight : bold;
}
.phpwcmsSearchResult p {
margin : 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
background-color : #ffff00;
font-style : inherit;
}
.phpwcmsSearchNextPrev {
text-align : center;
font-size : 12px;
font-weight : bold;
}
#footer {
background-image : url(../inc_bw4d/content.png);
height : 44px;
width : 702px;
font-size : 90%;
color : #f4f4f4;
text-align : center;
clear : both;
}
.footer_text {
background-image : url(../inc_bw4d/titel-2.png);
width : 522px;
height : 40px;
margin-top : 4px;
float : left;
line-height : 170%;
}
.footer_akt {
background-image : url(../inc_bw4d/titel-2.png);
float : right;
width : 180px;
height : 40px;
margin-top : 4px;
line-height : 360%;
}
.clear {
clear : both;
width : 10px;
float : right;
}
#left_top {
width : 520px;
float : left;
}
#right_top {
width : 180px;
float : right;
}
.extra_line {
height : 2px;
}
#MODfir37 {
border : 3px solid #cbbdad;
}
#MODfir39 {
border : 3px solid #cbbdad;
}
#MODfir41 {
border : 3px solid #cbbdad;
}
.div_teaser {
border : 1px solid #666666;
margin-left : auto;
margin-right : auto;
margin-top : 0;
width : 90%;
font-family : Arial, Helvetica, sans-serif;
}
.div_teaserueberschrift {
padding-right : 5px;
padding-left : 5px;
top : -10px;
background-color : #f0f0f0;
display : inline;
position : relative;
left : 15px;
font-size : 14px;
font-weight : bold;
}
.div_teaserinhalt {
font : normal normal 12px/19px Arial, Geneva, Verdana, Helvetica, sans-serif;
padding-left : 15px;
padding-right : 15px;
top : 10px;
padding-bottom : 15px;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:focus {
color : #f0f0f0;
text-decoration : underline;
font-family : Arial, Helvetica, sans-serif;
}
#footer a:hover {
color : #f0f0f0;
text-decoration : underline;
font-weight : bold;
letter-spacing : 0;
}
#content a, #content a:link, #content a:visited, #content a:active, #content a:focus {
color : #979797;
text-decoration : underline;
font-family : Arial, Helvetica, sans-serif;
}
#content a:hover {
color : #000;
text-decoration : underline;
}
.shadow {
border : 2px solid silver;
font : 10pt arial;
position : relative;
display : inline;
background : white;
z-index : 100;
}
.shadow_inner {
overflow : hidden;
position : absolute;
top : -1000px;
z-index : 10;
}
#vcss_menu {
font : normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#vcss_menu em {
font-style : normal;
}
#vcss_menu ul {
margin-left : 9px;
padding : 0;
list-style : none;
width : 162px;
}
#vcss_menu ul li {
position : relative;
}
#vcss_menu li ul {
position : absolute;
left : 180px;
top : 0;
display : none;
}
#vcss_menu ul li a, #vcss_menu ul li a:link, #vcss_menu ul li a:visited, #vcss_menu ul li a:active {
display : block;
text-decoration : none;
color : #777777;
background-image : url(../../inc_bw4d/extranavibg2.png);
padding : 3px;
border : 1px solid #cccccc;
margin-top : 3px;
margin-bottom : 0;
}
#vcss_menu ul li a:hover {
background : #f0f8ff;
color : #191970;
}
* html #vcss_menu ul li {
float : left;
height : 1%;
}
* html #vcss_menu ul li a {
height : 1%;
}
.static_menu {
margin : 6px 0 0 0;
font : normal normal 11px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.static_menu a, .static_menu a:link, .static_menu a:visited, .static_menu a:active {
display : block;
text-decoration : none;
text-transform : none;
color : #eee;
background : #979797;
background-image : url(../inc_bw4d/titel-2.png);
margin-left : 8px;
padding : 1px 0 0 5px;
width : 155px;
width : 155px;
height : 19px;
border : 1px solid #3a3931;
margin-bottom : 4px;
}
.static_menu a:hover {
color : white;
font-weight : bold;
background : #979797;
}
#formular {
margin-left : auto;
margin-right : auto;
color : #656565;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
}
#formular .clear {
clear : both;
height : 10px;
width : 100%;
float : left;
}
.formular_left {
float : left;
width : 49%;
height : 42px;
}
.formular_right {
float : right;
width : 49%;
height : 42px;
}
.formspacer {
margin : 5px;
}
#Anrede {
color : #656565;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
width : 120px;
height : 22px;
margin-top : 0;
background-color : #ccc;
border : 1px solid #f4f4f4;
}
#Nachname, #Plz, #Ort, #Telefon, #Email {
color : #656565;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
width : 120px;
height : 20px;
background-color : #ccc;
border : 1px solid #f4f4f4;
}
#phpwcmsForm26 {
width : 426px;
margin : 3px auto 0 auto;
padding : 10px 10px 45px 15px;
border : 1px solid #666;
}
#accordion {
width : 480px;
background : #f1f1f1;
padding : 0;
margin : -17px 0 0 24px;
}
.accordion_content {
background-color : #f1f1f1;
border-right : 1px solid #ccc;
border-bottom : 1px solid #c6c6c6;
border-left : 1px solid #ccc;
padding : 1px 10px 5px 10px;
margin : 0 30px 0 5px;
}
.element p {
margin : 0;
padding : 5px;
}
.toggler {
font-weight : bold;
display : block;
width : 454px;
cursor : pointer;
height : 23px;
background : #f0f0f0 url(../../inc_bw4d/tabs.png) no-repeat 0 0;
vertical-align : middle;
border-bottom : 5px solid #f0f0f0;
margin-left : 1px;
}
.toggler div {
margin-left : 5px;
position : relative;
}
.toggler div span {
margin-left : 5px;
line-height : 25px !important ;
line-height : 20px;
}
.togglerHover {
display : block;
width : 454px;
font-weight : bold;
cursor : pointer;
height : 23px;
background : #d9d9d9 url(../../inc_bw4d/tabs.png) no-repeat 0 -24px;
vertical-align : middle;
border-bottom : 5px solid #f0f0f0;
margin-left : 1px;
}
.togglerHover div {
margin-left : 15px;
position : relative;
}
.togglerHover div span {
margin-left : 5px;
line-height : 25px !important ;
line-height : 20px;
}
#extra {
width : 702px;
height : 264px;
background-image : url(top_grafik.jpg);
float : left;
background-position : bottom 0%;
}


[G-Punkt]

Sicher ist es erstrebenswert, das eine Website 100% valide ist. Neben den Gründen, die Du angeführt hast, spielt wohl auch ein gewisser sportlicher Ergeiz eine Rolle
Es ist ja eigentlich nicht schwer, fehlerfreie Sites zu bauen. Nur... jeder hat so seine eigene Vorgehensweise.
Die eine Gruppe kennt sämtliche CSS-Anweisungen plus der Parameter und inkl. des zu erwartenden Verhaltens in ALLEN Browsern.
Ich gehöre zu der anderen Gruppe. Zu derjenigen, die am lebenden Objekt operieren und experimentieren und in der Livevorschau zusehen, was dann mit diesem oder jenem Wert passiert oder wie das eine Style ein anderes wie beeinflußt. Da bleiben immer ne Menge Leichenteile übrig, die zwar nicht stören oder das Ergebniss sichtbar negativ zermerpfeln... aber handwerklich??? Hmmmm, tja (wie mein Freund Tom zu sagen pflegt)... handwerklich ist das Ergebnis eher ne Katastrophe!

So, jetzt gehe ich aufräumen und mache die Site 100% valide/konform...

Grüße
Michael