White "div"? placed over text?

Discussion in 'HTML & Website Design' started by skyflyer, Nov 2, 2009.

  1. #1
    Hello,
    i'm building a dutch website and used Joomla as CMS. The template I build myself out. In Firefox everything is showing perfet like I want, but in IE I get a white block (like a white div) over my text. Somebody can explain me what I'm doing wrong? I'm already searching for 1hour and cannot find any problem.
    Here is the URL: http://tinyurl.com/n3jp4h.

    Thanks in advance!

    SkyFlyer
     
    skyflyer, Nov 2, 2009 IP
  2. skyflyer

    skyflyer Peon

    Messages:
    222
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Nobody know a solution? :confused:
     
    skyflyer, Nov 3, 2009 IP
  3. zeeside

    zeeside Greenhorn

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #3
    after this line " Op deze website vind je verschillende secties waar je heel wat informatie kan vinden:"

    Take your "<ul></ul>" tags out of the "<p></p>" tags.
     
    zeeside, Nov 3, 2009 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Get the Aardvark extension for Firefox. Or, add borders or background colours to your li's. You haven't constrained anyone's widths and everyone is all sitting on top of each other. You cannot see it now, but you would if you added colours or used a web developer extension to see your boxes.

    IE is especially bad with dealing with floats who sit next to static boxes (non-floated, non-positioned boxes).

    Also, this is not great code:
    </ul>
    <p> </p>
    <p>Wij wensen jullie veel surf-plezier op onze website!</p>

    <p>Het ECO-Life-team!</p><p></p></td>

    The ul is okay, do not remove it, but it needs styling.
    That <p></p> needs out. You want more space between sentences, you add margins to the p's who have text in them.

    This is evil:
    <li><a href="/forum/viewtopic.php?f=15&t=17&p=32#p32" target="_blank">Toevoeging interessante link

    <span class="link-info"><i><font size="1" color="#DFE9C5">skyflyer 7 Sep 09, 23:33</font></i></span></a></li>

    target="blank"? & without & amp; ?
    font, improper i, inline styles. You chose the power of Joomla and modern website techniques, so use them instead of deprecated ancient HTML from the Geocities era. : )
     
    Stomme poes, Nov 3, 2009 IP