SitePoint Sponsor

User Tag List

Results 1 to 7 of 7

Thread: IE problem

  1. #1
    SitePoint Enthusiast
    Join Date
    Sep 2005
    Posts
    87
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE problem

    Hi,

    Please take a look here:
    http:// 94.194.226.86/iq/
    I try to make the top white with no space on the top
    it works fine on Firefox but on IE the offer div (the green image on the left) is pushing it down.

    How can I fix it?

    thanks!

  2. #2
    SitePoint Addict CWebguy's Avatar
    Join Date
    Mar 2009
    Posts
    247
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    All your images are broken when I look at it

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,624
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I can't get to your page styles but add a reset to the top of your CSS.
    Code:
    *{margin:0;padding:0;}
    Also invalid code here
    Code:
    <div id="offer">
            <img src="http://ubuntuhp/iq/wp-content/themes/oren/images/limited_118x116.gif"
        </div>
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  4. #4
    SitePoint Enthusiast
    Join Date
    Sep 2005
    Posts
    87
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    please try now, the images should be fine.
    what's wrong with this code:
    <div id="offer">
    <img src="http://ubuntuhp/iq/wp-content/themes/oren/images/limited_118x116.gif"
    </div>

  5. #5
    SitePoint Addict Poiesis01's Avatar
    Join Date
    Jun 2007
    Location
    Cape Town
    Posts
    233
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by scialom View Post
    please try now, the images should be fine.
    what's wrong with this code:
    <div id="offer">
    <img src="http://ubuntuhp/iq/wp-content/themes/oren/images/limited_118x116.gif"
    </div>
    You're not closing your img tag. it needs a /> at the end.

  6. #6
    SitePoint Enthusiast
    Join Date
    Sep 2005
    Posts
    87
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks that solved the problem!

  7. #7
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,624
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    If you ran that by the validator it would scream at you..

    Code:
    <style>
    #header{background:white;float:left;width:875px;}
    #header h1 , #header h1 a{float:left;}
    #page{clear:both;}
    #offer{width:118px;}
    #wrapping{overflow:hidden;background:white;}
    #header .menu{float:left;padding:0;margin:100px 0 0 10px;display:inline;}
    </style>
    Make those CSS changes. Update the CSS file.

    You need to restructure your HTML a bit.

    Code:
    <div id="wrapping">
      <div id="offer">
            <img width="118" src="http://94.194.226.86/iq/wp-content/themes/oren/images/limited_118x116.gif" />
        </div>
     <div id="header">
            <h1><a href="http://94.194.226.86/iq"><img src="http://94.194.226.86/iq/wp-content/themes/oren/images/logo_341x165.jpg" border="0" /></a></h1>
            <div class="menu">
    				<ul>
    					<li class="page_item "><a href="http://94.194.226.86/iq">Home</a></li>
    					<li class="page_item page-item-15"><a href="http://94.194.226.86/iq/contact-us/" title="Contact Us">Contact Us</a></li>
    <li class="page_item page-item-2"><a href="http://94.194.226.86/iq/about/" title="About">About</a></li>
    <li class="page_item page-item-7"><a href="http://94.194.226.86/iq/product/" title="Product">Product</a></li>
    
    <li class="page_item page-item-11"><a href="http://94.194.226.86/iq/demo/" title="Demo">Demo</a></li>
    <li class="page_item page-item-6"><a href="http://94.194.226.86/iq/blog/" title="Blog">Blog</a></li>
    					<li><a href="http://94.194.226.86/iq/feed/" title="Subscribe to RSS feed"><img src="http://94.194.226.86/iq/wp-content/themes/oren/images/feed.png" alt="Subscribe to RSS feed" border="0" /></a></li>
    				</ul>
    			</div>
        </div>
    </div>
      <div id="page">
    
       
        <div id="slogan" class="slogan_text">
            The simplest way to keep track on your daily tasks and manage your business online
        </div>
    
        <div id="container">
    Please notice what I did. You needed a restructure.

    EDIT-Closing the image tag did NOT solve the problem. The offer is going all the way across the screen in IE. Take my changes and it fixes.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


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
  •