Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5

Thread: IE Again

  1. #1
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE Again

    This is so weird. If you view my webpage in IE, the two white "parenthesis"-shaped bars have their tops and bottoms "broken off," separated by space that shouldn't be there. In any other browser, it seems to appear normally. But IE seems to add these spaces, and I'm not sure why. Is anyone familiar with this sort of behavior?

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Add display:block; to the css for those images.
    Code:
    <div id="content">
    	<img src="nav/bar.gif" alt="layout" style="display:block;" />
    	<div id="active">
    		<p style="text-align: center;"><img src="front.jpg" style="border: 4px #323237; border-style: solid;" alt="front image" /></p>
    
    		<div class="clearer">&nbsp;</div>
    	</div>
    	<img src="nav/bar.gif" style="height: 1px;display:block;" alt="layout" />
    </div>
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hmm...that does fix the problem in IE, but seems to break the page back in Firefox...

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    The problem is IE is applying line-height. Since those elements are presentational, put each of them in their own div and set them as background images. You will need to set the widths and heights. Be sure to set line-height and font-size to 0. If the page breaks in Firefox then you need to rethink the way you are doing things. You might have to float them.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ah, line-height, I see...thanks. :-)


  •  

    Posting Permissions

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