Padding Not Applied Consistently from Browser to Browser
I was practicing making some alert boxes when I noticed that IE 6 and 7 were putting more padding around the alert body than were later versions of IE. I'd like to fix this inconsistency.
IE 6 and 7: http://i22.photobucket.com/albums/b3...ar7139/fat.gif
IE 8: http://i22.photobucket.com/albums/b3...139/skinny.gif
font: normal normal normal 62.5%/1.5 Verdana, Geneva, sans-serif;
border: 2px solid black;
margin: 0 auto;
font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
padding: 14px 10px;
How do I make it consistent?
</div> <!-- end: alert_header -->
<p>You have come here from the wrong place.</p>
</div> <!-- end: alert body -->
</div> <!-- end: alert_wrapper -->
Are you using a complete <!DOCTYPE> statement in your HTML? If not, search on "doctype switch" for information on using the correct <!DOCTYPE> to set browsers to Standards Compliance Mode.
Yeah, I am. I just didn't want to paste the whole HTML page. It's got this one: <!DOCTYPE html>
<!DOCTYPE html> is HTML5. Legacy browsers won't understand this.
It's not strictly true that older browsers won't understand the HTML 5 <!DOCTYPE>. The HTML 5 <!DOCTYPE> does put all browsers in Standards Compliance Mode, which is a godsend, but (of course) older browsers won't natively support the new features of HTML 5 (or much of CSS3).
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)