SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: CSS in IE

  1. #1
    SitePoint Enthusiast trunkadelic's Avatar
    Join Date
    Aug 2005
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS in IE

    Sorry for the short topic title, but I don't know how to call it. This is yet another one of my lame CSS questions.

    The site is http://www.edesi.org/index.php and when I open it in Firefox it's allright, but when I open it up in Internet Exporer, I get this weird error - the background from the <div> above goes down to the div called "big_bottom".



    The css is here: http://www.edesi.org/code/index.css .

    The code in question is this:
    Code:
    CSS:
    
    #main {
    	margin: 0px;
    	width: 565px;
    }
    
    .big_content {
    	background-image:url(../img/big_bg.gif);
    	padding-left: 12px;
    	padding-right: 5px;
    }
    
    .big_content p {
    	margin: 0px;
    	padding: 0 0 10px 0;
    	clear: left;
    }
    
    .big_top, .big_bottom {
    	margin: 0;
    	padding: 0;
    }
    Code:
    HTML:
    
    <div id="main">
    
    <div class="big_top"><img src="img/big_top.gif" alt="" /></div>
    
    <div class="big_content">
    
    <p><span class="naslov-novost">News title 2</span>
    News text 2.</p>
    
    <p><span class="naslov-novost">News title 1</span>
    News text 1.</p>
    
    </div>
    
    <div class="big_bottom"><img src="img/big_bottom.gif" alt="" /></div>
    
    </div>
    The image in big_bottom is transparent.

  2. #2
    SitePoint Enthusiast trunkadelic's Avatar
    Join Date
    Aug 2005
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Now that's weird... just when I finished writing this topic, I hit refresh in Internet Explorer and now it somehow works? Nevermind.

    And I still have one more problem in IE, since I'm here... you'll notice a weird character above the "news" which doesn't show up in Firefox. What's the deal with that?

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,350
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    you'll notice a weird character above the "news
    I couldn't find anything called 'the news' let alone a weird character

    Where exactly are we looking?

  4. #4
    SitePoint Enthusiast trunkadelic's Avatar
    Join Date
    Aug 2005
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    lol!

    It's really a gap and shows up only in internet explorer. Here's a shot:


    And view the source for that spot.

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,350
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    HI,

    That weird character you talked about uis a weird character that you have in your html.

    Remove the spacing between these two elements and the gap should disappear.

    Code:
     <div class="big_content"><p><span cla

  6. #6
    SitePoint Enthusiast trunkadelic's Avatar
    Join Date
    Aug 2005
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Reload the page, it's still the same and I've closed the gap.

  7. #7
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,350
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I still think you've got some weird in there.

    Copy the code below and replace the corresponding section to see if the gap disappears .

    Code:
       <div class="big_top"><img src="http://www.edesi.org/img/big_top.gif" alt="" /></div>
       <div class="big_content">
    	<p><span class="naslov-novost" id="ni18"><strong>Promocija albuma Fast Flowz 01.03.2006</strong> / 27.02.2006. u 17:53 / Autor: <a href="<A href="mailto:dechkotzar@edesi.org">dechkotzar</a></span">mailto:dechkotzar@edesi.org">dechkotzar</a></span> <img src="http://www.edesi.org/novosti/images/fast_flowz.jpg" alt="" class="slika" />01.03.2006 u Mamut-u u 15h održaće se promocija FastFlowz-a, istog dana u
    	 Plastic-u sa početkom u 22h.<br />
    	 Specijalni gosti: MC Milovan/Mistake Mistake, Škabo, Shorty, D-fence, DJ Kobazz, Groove Masters/DJ Iron &amp; DJ Ike.<br />
    	 + Nagradna igra u organizaciji sponzora grupe Fast Flowz - Beotel net-a i DC Shoes-a! <br />
    	 ULAZ BESPLATAN !<br />
    	 <br />
    	 Dodatne informacije na sajtovima <br />
    	 <a href="<A href="http://www.fastflowz.com">FastFlowz.com</a">http://www.fastflowz.com">FastFlowz.com</a>, <a href="<A href="http://www.andmusic.net">AndMusic.net</a></p">http://www.andmusic.net">AndMusic.net</a></p>
    	<p><span class="naslov-novost" id="ni17"><strong>Brijanje u SKC-u - 2. Mart</strong> / 27.02.2006. u 17:31 / Autor: <a href="<A href="mailto:trunks@edesi.org">Trunks</a></span">mailto:trunks@edesi.org">Trunks</a></span> 02.03. - SKC mala sala - <strong>BRIJANJE</strong><br />
    	 <br />
    	 Warm up - Tex VS. Sever<br />
    	 Timjah &amp; Bauk Squad<br />
    	 Specijalni gost: Ajs Nigrutin<br />
    	 <br />
    	 Ufur: 100 din.</p>


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
  •