SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Evangelist Jhorra's Avatar
    Join Date
    Sep 2004
    Location
    Phoenix, Az
    Posts
    551
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Removing the space below a header

    If you look at this page: http://www.heavens-host.com/index.php

    In Opera and Firefox there is no space between the heading tag in the middle and right columns. In IE however, there is a big gap. I have both of them set to a margin and padding of 0px;

    Am I missing something to get this working in IE?

    Here is the middle colum header and relevant css
    Code:
    <div>
    	<h3><span>Welcome to</span> <span>Heavens Host</span></h3>
    	<img>
    	<p>Text</p>
    </div>
    #middle_column
    {
    	padding:0px;
    	margin:0px;
    	width:392px;
    	float:left;
    }
    #middle_column p
    {
    	margin:15px;
    }
    .dark_heading
    {
    	color:#134774;
    	margin:0px;
    	padding:0px;
    }
    .light_heading
    {
    	color:#3196F7;
    	margin:0px;
    	padding:0px;
    }
    .section_heading
    {
    	padding:0px;
    	margin: 0px 0px 0px 15px;
    }
    And here is the right column
    Code:
    <div>
    	<h3><span>Client</span> <span>Testimonial</span></h3>
    	<img>
    	<p>Text</p>
    </div>
    .right_content
    {
    	width:200px;
    	padding:10px 0px;
    	margin:0px;
    	height:150px;
    }
    .right_content p
    {
    	margin:5px;
    }
    .right_content h3
    {
    	width:190px;
    	margin:0px 5px 0px 0px;
    	padding:0px;
    	text-align:right;
    }

  2. #2
    SitePoint Addict SwordsmanX's Avatar
    Join Date
    Sep 2005
    Posts
    211
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Why would you even enclose those words in a meaningless span? get rid of it and try with a plain h3


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •