|
|||
Trimming Empty Tag
Hallo allerseits,
ich bin gerade dabei meine XHTML Webseite soweit wie möglich Fehlerfrei darzustellen. Nun bin ich allerdings über einen Fall etwas ratlos. Ich habe einzelne Blöcke im Einsatz bei dehnen die Ecken über CSS abgerundet werden, sicherlich kennt der ein oder andere diese Vorlage: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Unbenanntes Dokument</title> <style type="text/css"> <!-- .box { width: 770px; height: 500px; background: #939393; position:absolute; left:75px; top:50px; z-index:1; } .box h1, .box p { margin: 0 10px; } .box h1 { font-size:150%; color:#ffffff; } .box .top, .box .bottom { display:block; background: #434343; } .box .top b, .box .bottom b { display:block; height: 1px; overflow: hidden; background: #939393; } .box .r1 { margin: 0 5px; } .box .r2 { margin: 0 3px; } .box .r3 { margin: 0 2px; } .box .top .r4, .box .bottom .r4 { margin: 0 1px; height: 2px; } body { background-color: #434343; } --> </style> </head> <body> <div class="box"> <b class="top"> <b class="r1"></b><b class="r2"></b> <b class="r3"></b><b class="r4"></b> </b> <h1>Runde Ecken</h1> <p>Runde Ecken ohne Bilder.</p> <b class="bottom"> <b class="r4"></b><b class="r3"></b> <b class="r2"></b><b class="r1"></b> </b> </div> </body> </html> Code:
<div class="box"> <b class="top"> <b class="r1"></b><b class="r2"></b> <b class="r3"></b><b class="r4"></b> </b> <div class="boxcontent"> <h1>Runde Ecken</h1> <p>Runde Ecken ohne Bilder.</p> </div> <b class="bottom"> <b class="r4"></b><b class="r3"></b> <b class="r2"></b><b class="r1"></b> </b> </div> Code:
<b class="r1"></b><b class="r2"></b> Was muß ich dort einfügen? |
Sponsored Links |
|
|||
Tja, bei mir kommt allerdings eine Warnung (siehe Sreenshot), die dies besagt:
Tidy 23 - Htmlpedia |
|
|||
Das ist nicht "nach W3C" (WC ist etwas ganz anderes - SCNR), das ist HTML Tidy im Validator-Addon für FF.
Stell auf den SGML-Parser um, dann verschwinden die Warnungen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Es sind nur Warnungen vor leeren Elementen. Die Du unabhängig davon hier auch gar nicht verwenden, sondern es nach diesem Prinzip lösen solltest: Runde und andere Ecken (Webdesign) | andreas-kalt.de
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Quelle im IMG Tag durch css ändern | Deffcon | CSS | 7 | 07.05.2010 18:23 |
Div im IE zu hoch | RancoR | CSS | 10 | 10.07.2007 00:11 |
Tag überschreiben | asd | CSS | 6 | 09.06.2006 16:10 |
img alt tag über css steuern?? | biki | CSS | 1 | 12.09.2003 20:47 |