Valid css og html 18-01-07 16:03 : molokyle 18-01-07 16:09 : molokyle 18-01-07 16:13 : molokyle 18-01-07 16:30 : Fåreklipperen 18-01-07 17:21 : molokyle 20-01-07 00:23 : Fåreklipperen

Valid css og html Fra : Fåreklipperen Vist : 634 gange 20 point Dato : 18-01-07 15:50

Hej Hvis man har en side som er kodet så alt er valid css og html vil det så vises korrekt i alle browsere eller er jeg helt galt på den? Den side som jeg har nu er lavet for en del år siden og er nu igang med en med et nyt layout som kodes i valid css og html det er derfor jeg spørger, den gamle side vises nemlig ikke korrekt i Firefox kontra IE hvis det har nogen interesse er det www.faareklip.dk hilsen Fåreklipperen

Kommentar Fra : molokyle Dato : 18-01-07 16:03

Du er 'galt' på den Det afhænger af brugerens browser = version ...samt fabrikat ! Du kan finde al information om dette hér: http://www.positioniseverything.net/ Hvis du har spørgmål til; hvorledes du koder en side korrekt (...som jeg har forstået du allerede har?), så skal der STADIG en del krumsping til for, at siden ser ens ud i alle browsere ...med korrekt validerbar kode. Du spø'r bare ...hvis det er ..men vær forberedt på; det er et stort emne og gyngende grund du bevæger dig ud på </MOLOKYLE>

Kommentar Fra : molokyle Dato : 18-01-07 16:09

Ps. XHTML: Citat This page is not Valid XHTML 1.0 Transitional! Below are the results of checking this document for XML well-formedness and validity. Error Line 105 column 17: there is no attribute "src". <embed src="goger movie.swf" quality="high" pluginspage="http://www.macromYou have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. ? Error Line 105 column 43: there is no attribute "quality". ...<embed src="goger movie.swf" quality="high" pluginspage="http://www.macromedi? Error Line 105 column 62: there is no attribute "pluginspage". ...ovie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashpl? Error Line 105 column 113: there is no attribute "type". ...cromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="2? Error Line 105 column 151: there is no attribute "width". ...application/x-shockwave-flash" width="235" height="322"></embed>? Error Line 105 column 164: there is no attribute "height". ...-shockwave-flash" width="235" height="322"></embed>? Error Line 105 column 169: element "embed" undefined. ...kwave-flash" width="235" height="322"></embed>You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by: incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element), by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead). by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case. CSS: Citat Congratulations! No Error Found. This document validates as CSS! More info To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page: <p> <a href="http://jigsaw.w3.org/css-validator/"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /> </a> </p>(close the img tag with > instead of /> if using HTML <= 4.01) If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server. If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: http://jigsaw.w3.org/css-validator/validator?uri=http://www.faareklip.dk/ or http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only) (Or, you can just add the current page to your bookmarks or hotlist.) Warnings (4) URI : http://www.faareklip.dk/mm_training.css 13 Same colors for color and background-color in two contexts #navigation a:hover and a 66 .logo Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space. 94 Same colors for color and background-color in two contexts #navigation a:hover and .pageName URI : http://www.faareklip.dk/ 44 Do not put style rules inside HTML comments as they may be removed by user agent Som du kan se: Er der stadig rum for forbedringer </MOLOKYLE>

Kommentar Fra : molokyle Dato : 18-01-07 16:13

XHTML: Der findes ingen <embed> .. </embed> markør ! Du skal bruge <object> ... </object> markøren CSS: Du bør holde dig til et externt stylesheet i stedet for inline styles ...hvis ikke validatoren skal 'hoste' under XHTML standarden. </MOLOKYLE>

Kommentar Fra : Fåreklipperen Dato : 18-01-07 16:30

Hej MOLOKYLE Tak for svaret jeg kan se du har prøvet at validere den side som ligger oppe nu, Det er den gamle side, den nye er ikke oppe endnu men den ny er valid hehehe Fåreklipperen

Accepteret svar Fra : molokyle Modtaget 20 point Dato : 18-01-07 17:21

For at foregribe 'begivenhedernes gang', så læs dette indlæg jeg har skrevet andetsteds: Citat IE7 Hvad vi skal med den? Tjoeh... en masse CSS finurligheder er rettet, så man ikke i så høj grad behøver at skrive kode specifikt til IE, når man skal lave en hjemmeside. Du kan læse mere om rettelserne her: 1.) http://css-discuss.incutio.com/?page=IE7 2.) http://www.positioniseverything.net/ 3.) http://webdesign101.dk/ie7/csshacks.php Der skal stadig laves en del krumspring som du ser, men Eric Meyer er som sædvanligt kommet op med den simpleste løsning: http://meyerweb.com/eric/thoughts/2005/10/17/ie7-and-ie7/ ..nemlig at benytte IE7 scriptet: http://dean.edwards.name/ie7/ hvis IE er en version lavere end 7. Al kode kan således skrives i overensstemmelse med standarden som anbefalet af http://w3.org/ Man udmasker versionerne lavere end 7 med de betingede kommentarsætninger, som kun IE tolker: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp Dette gør livet som programmør en smule lettere fremover ;-) Hele 'fidusen' ligger i brug/inkludering af IE7 scriptet i <head> .. </head> sektionen: Kode <!--[if lt IE 7]><script src="/ie7/ie7-standard-p.js" type="text/javascript"></script><![endif]--> </MOLOKYLE>

Godkendelse af svar Fra : Fåreklipperen Dato : 20-01-07 00:23

Tak for svaret molokyle.

Du har følgende muligheder

Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål. Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.