Can anybody rewrite CSS to remove space between images in IE8?

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Mladen Mavrovic
    New Member
    • Apr 2011
    • 7
    #1

    Can anybody rewrite CSS to remove space between images in IE8?

    Hi everyone,

    I have to fix this asap, and I tried all I know, but there was no joy.

    Please, take a look at
    Code:
    http://stampamajica.in.rs/
    There are 3 html pages there. Can anybody tell me how to fix the code to remove space between images in ie8?

    Your help is very much appreciated!

    Sincerely,
    Mladen
    Tags: None
    • drhowarddrfine
      Recognized Expert Expert
      • Sep 2006
      • 7434
      #2
      You will never get IE to attempt to perform like the other far more modern browsers without a doctype. Add this to your first line:
      Code:
      <!DOCTYPE html>
      This will take you out of quirks mode. However, I'm not sure how this will affect the other browsers so we'll see.

        Comment

        • Mladen Mavrovic
          New Member
          • Apr 2011
          • 7
          #3
          Tnx drhowarddrfine for the answer!

          I just added (as I tried before) the following code (default in my old DW8 - It was working nice few years a ago)

          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">
          All the same. I manage to get rid of horisontal spaces in index with this code:

          Code:
          	
<style type="text/css" media="screen">
p span{
	display:block;
	float:left;
}
</style>
          Reg,
          Mladen
          Last edited by Mladen Mavrovic; Apr 23 '11, 11:21 PM. Reason: typo mistake

            Comment

            • Mladen Mavrovic
              New Member
              • Apr 2011
              • 7
              #4
              I just checked. It looks fine in ff and chrome. There will not be much visits with other browsers until site is redesigned.

                Comment

                • drhowarddrfine
                  Recognized Expert Expert
                  • Sep 2006
                  • 7434
                  #5
                  The transitional doctype is for old web pages that are transitioning to modern markup. New web pages have no need for, and should not use, the transitional doctype.

                    Comment

                    • Mladen Mavrovic
                      New Member
                      • Apr 2011
                      • 7
                      #6
                      Thank you. I Change it as you said. All 3 pages starts with:

                      Code:
                      <!DOCTYPE html>
                      seems like this made a more horisontal space, but hope it is a good way to go.

                      Reg,
                      Mladen

                        Comment

                        • Mladen Mavrovic
                          New Member
                          • Apr 2011
                          • 7
                          #7
                          Solved.
                          I reset CSS with this code:
                          Code:
                          http://meyerweb.com/eric/tools/css/reset/
                          (code added just after the <style>)

                            Comment

                            Previous template Next
                            Working...