One troublesome CSS issue with IE

Discussion in 'CSS' started by a001, Jul 14, 2010.

  1. #1
    Hi, I'm having one CSS issues with MSIE 6,7,8... it is simple and I've searched all over internet but can't find a solution. Please help!

    Attaching screenshots from IE and a standard browser like FF, Opera etc. I'm using H4 and H2 tags to highlight the text.
     

    Attached Files:

    a001, Jul 14, 2010 IP
  2. Deacalion

    Deacalion Peon

    Messages:
    438
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Start everything with a global reset CSS sheet.

    
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	outline: 0;
    	font-weight: inherit;
    	font-style: inherit;
    	font-size: 100%;
    	font-family: inherit;
    	vertical-align: baseline;
    }
    :focus {
    	outline: 0;
    }
    body {
    	line-height: 1;
    	color: black;
    	background: white;
    }
    ol, ul {
    	list-style: none;
    }
    table {
    	border-collapse: separate;
    	border-spacing: 0;
    }
    caption, th, td {
    	text-align: left;
    	font-weight: normal;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: "";
    }
    blockquote, q {
    	quotes: "" "";
    }
    
    Code (markup):
    Then explicitly declare all margins and padding. This will make it the same on every browser.
     
    Deacalion, Jul 14, 2010 IP
  3. a001

    a001 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks a lot for your reply!

    global resetting sends my entire page into chaos for MSIE :(
     
    a001, Jul 16, 2010 IP