When I switch to XHTML strict DOCTYPE, I am having problems with my image vacancies.
The following code - which uses Yahoo's Reset stylesheet to kill all default browser padding - leaves the difference of about 4 pixels between the two images below, but when I use the strict methodology Why am I doing this?
This is only a problem in Chrome and Firefox. IE does not show a pixel between two images.
& lt ;! DOCTYPE html public "- // W3C // DTD XHTML 1.0 Strongly // N" http: // www .w3.org / TR / xhtml1 / dTD / xhtml1-strict.dtd "> gt; body & gt; & lt; div & gt; & lt; img src =" http : //www.catfacts.org/cat-facts.jpg "border =" 0 "/> 
/ Pre>
Resolving the problem after starting the answer to the pedal
The reason for this is that the default for vertical-aligned The base line is , which is equal to the part of the text "above the line" where the danger bits hang down (in the lower case live, Q etc.) are all below this baseline).
To leave the room, it was leaving 4px space for these overhangs.
Hope is made
Edit: Visual help from
Comments
Post a Comment