SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    Internet Consumist Kayn's Avatar
    Join Date
    Feb 2001
    Location
    Missouri
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Yet another IE issue!

    Not sure what I'm overlooking... here's how it looks in Firefox (and every OTHER browser other than IE):



    AND here's the IE part.



    Yeah. Can't find the answer in the forums, so I apologize if this has been asked 4 million times and I didn't find the answer.

    Oh yeah. Code:

    Code:
    body { 
        margin: 0px auto;/* no margins body */
        padding: 0px;/* no padding body */
        background-image: url(images/bgrepeat.jpg);
        background-repeat: repeat-x;
        background-color: #00005F;
        font-family: Arial, Helvetica; color: #000000; font-size : 13px;
        text-align: center;
    }
    
    
    #container {
        width: 70%;
        min-width: 760px;
        text-align: center;
        background-color: #ececec;
        margin: 0 auto;
        padding: 0px;
        text-align: left;
        border: 1px solid #000000;
    }
    
    #top {
        margin: 0px;
        padding: 0px;
        text-align: left;
        background-image: url(images/top_bg.jpg);
        background-repeat: repeat-x;
    }
    
    #min_width {
        width: 760px;
        height: 1px;
        margin: 0px;
        padding: 0px;
    }
    
    #middle {
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 5px;
        text-align: left;
        margin: 0px;
    }
    
    #bottom {
        text-align: center;
        margin: 0px;
        clear: both;
    }
    I'm pretty sure it's #container, but I could be wrong for once.

    Thanks for the help!
    Sing in a band called Psychostick, Alfredo Afro.

  2. #2
    SitePoint Member vhgdesign's Avatar
    Join Date
    Mar 2005
    Location
    at home :))
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's good to post HTML also

  3. #3
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The HTML isn't necessary in this case. He needs to set the margins and padding on the list items to 0, then kill the bullets, assuming he wants the nested list to be flush with the main one.

    Of course that's assuming he's using lists for his menu in the first place.

  4. #4
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oh, wait. I see what else is going on.

    Yeah, post the HTML code, and tell me how you want the page to look. Bear in mind that if you're not using semantic markup, I'm going to chuck it and replace it with clean, minimal, semantic and valid HTML.

  5. #5
    Internet Consumist Kayn's Avatar
    Join Date
    Feb 2001
    Location
    Missouri
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry 'bout that. Here's the HTML!

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    	<title>Water Softener, Filtration and Reverse Osmosis Installation in Phoenix, Arizona  American Home Water - About Us</title>
    
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    	<meta name="keywords" content="american, home, water, water softener, reverse, osmosis, water systems, salt free, whole house, water conditioner, installation, install, free quote, about us" />
    
    	<meta name="description" content="Tom Atkinson and Tom Knapp are the owners of American Home Water.  They started the company in 1985 and since  then they have installed over forty thousand water systems in the Phoenix Metro area." />
    	<link rel="stylesheet" type="text/css" href="stylesheet.css" />
    	
    	<script src="AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    <body> 
    
    	<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
    	<script type="text/javascript">
    		_uacct = "UA-1514367-1";
    		urchinTracker();
    	</script> 
    	
    
    <div id="container">
    
    <div id="top">
    	<object id="banner" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0 height=252 width=760 align=middle classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
    		<param name="_cx" value="20108" />
    		<param name="_cy" value="6668" />
    		<param name="flashvars" value="" />
    		<param name="movie" value="banner.swf" />
    		<param name="src" value="banner.swf" />
    		<param name="wmode" value="window" />
    		<param name="play" value="-1" />
    		<param name="loop" value="-1" />
    		<param name="quality" value="high" />
    		<param name="salign" value="" />
    		<param name="menu" value="-1" />
    		<param name="base" value="" />
    		<param name="allowscriptaccess" value="samedomain" />
    		<param name="scale" value="showall" />
    		<param name="devicefont" value="0" />
    		<param name="embedmovie" value="0" />
    		<param name="bgcolor" value="ffffff" />
    		<param name="swremote" value="" />
    		<param name="moviedata" value="" />
    		<param name="seamlesstabbing" value="1" />
    		<param name="profile" value="0" />
    		<param name="profileaddress" value="" />
    		<param name="profileport" value="0" />
    		<param name="allownetworking" value="all" />
    		<param name="allowfullscreen" value="false" />
    		<embed src="banner.swf" quality="high" bgcolor="#ffffff" name="banner" allowscriptaccess="samedomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="252" width="760" />
    	</object>
    	
    	<!-- min width -->
    	<div id="min_width"></div>
    </div> <!-- end top -->
    
    <div id="middle">
    <div id="left_nav">
    	<ul>
    		<li><a href="index.php">Home</a></li>
    		<li><a href="about.php">About Us</a></li>
    				<ul>
    			<li><a href="tom_atkinson.php">Tom Atkinson</a></li>
    			<li><a href="tom_knapp.php">Tom Knapp</a></li>
    		</ul>
    				<li><a href="contact.php">Contact Us</a></li>
    		<li><a href="products.php">Products</a></li>
    				<li><a href="benefits.php">Benefits</a></li>
    				<li><a href="prices.php">Prices</a></li>
    	</ul>
    </div>
    
    <h1>About American Home Water</h1>
    
    <p><a href="tom_atkinson.php">Tom Atkinson</a> and <a href="tom_knapp.php">Tom Knapp</a>, two childhood friends since the second grade, are the owners of <b>American Home Water</b>. They started the company in <i>1985</i> and since then they have <b><i>installed over forty thousand water systems in the Phoenix Metro area</i></b>. <a href="tom_knapp.php">Tom Knapp</a> is a graduate of the <a href="http://www.arizona.edu/">University of Arizona</a> where he earned an MBA. <a href="tom_atkinson.php">Tom Atkinson</a> has two undergraduate degrees one in Electrical Engineering and the other in Industrial Engineering from <a href="http://www.corning-cc.edu/">Corning College in Corning, New York</a>.</p>
    <p>In their years in business they have won several Awards for consumer care presented to them by the <a href="http://www.electricleagueofarizona.org/">Electric League of Arizona</a>. These Awards were the result of surveys submitted by customers to the Electric League. They were presented with the awards for their work in both <b>Phoenix</b> and <b>Tucson</b>. They have earned a strong reputation for <i>quality workmanship and customer care during their more than twenty years in business</i>.</p>
    
    <p><a href="tom_atkinson.php">Tom Atkinson</a> has a wife of thirty-one years, Jody, and two children Matthew and Diane. <a href="tom_knapp.php">Tom Knapp</a> also has a wife of thirty-one years, Pat. They have three daughters, Kelly the oldest, and twins Amy and Kristy.</p>
    
    
    </div> <!-- end middle -->
    <div id="bottom">
    
    	<div id="bottom_menu">
    		<a href="index.php">Home</a> - 
    		<a href="about.php">About Us</a> - 
    		<a href="contact.php">Contact Us</a> - 
    		<a href="products.php">Products</a> - 
    		<a href="benefits.php">Benefits</a> - 
    		<a href="prices.php">Prices</a>
    	</div>
    
    	<p>Designed and hosted by <a href="http://www.origin3.net">Origin 3 Web Design</a>. Optimized by <a href="http://iticonsulting.net">ITI Consulting.</a></p>
    
    </div> <!-- end bottom -->
    	
    	
    </div> <!-- end container-->
    </body>
    </html>
    Sing in a band called Psychostick, Alfredo Afro.

  6. #6
    Internet Consumist Kayn's Avatar
    Join Date
    Feb 2001
    Location
    Missouri
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Want the the page to look like the firefox version above. The IE version is losing some of it's left margin for some reason...

    ... oh, and I am using a bullet list setup for a menu. I'd like to stick to that if possible... thanks!
    Sing in a band called Psychostick, Alfredo Afro.

  7. #7
    SitePoint Member vhgdesign's Avatar
    Join Date
    Mar 2005
    Location
    at home :))
    Posts
    22
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You cannot have <ul> nested into <li>. Try this - remove nested ul and define class for both li tags.

    <li><a href="about.php">About Us</a></li>

    <li class="someclass"><a href="tom_atkinson.php">Tom Atkinson</a></li>
    <li class="someclass"><a href="tom_knapp.php">Tom Knapp</a></li>

    <li><a href="contact.php">Contact Us</a></li>

  8. #8
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually you CAN nest ULs inside LIs. It's valid markup (since list items can contain just about anything).

    Try it for yourself.

    HTML Code:
    <ul>
    	<li>List Item</li>
    	<li>
    		List Item
    		<ul>
    			<li>Nested List Item</li>
    			<li>Nested List Item</li>
    			<li>Nested List Item</li>
    		</ul>
    	</li>
    	<li>List Item</li>
    	<li>List Item</li>
    </ul>
    Just make sure you put this into a valid HTML file first.

    However, what you cannot do is nest them adjacent to list items, which is what Kayn did.

  9. #9
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Now, sorry to be such a bother, but I have a feeling the weight of the code used on this page can be reduced signfiicantly. Do you think you could provide a link to this, page, even if you PM it to me?

  10. #10
    Internet Consumist Kayn's Avatar
    Join Date
    Feb 2001
    Location
    Missouri
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you're talking about the CSS, I know what you mean by weight. There's a lot of "cleanup" that can be done, like:

    border: 1px 1px 0px 0px;

    Instead of border-top, border-left, etc. At least that's what I believe you mean. After I solve this IE issue (err, or when someone helps me solve it I should say ), I'll go back through the code and clean it up.

    In any case, do you have any suggestions on what the IE problem is and how to fix that?

    Thanks!
    Sing in a band called Psychostick, Alfredo Afro.

  11. #11
    Internet Consumist Kayn's Avatar
    Join Date
    Feb 2001
    Location
    Missouri
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fixed the nav issue...

    New topic for the expanding div thing.
    Sing in a band called Psychostick, Alfredo Afro.

  12. #12
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually, I was referring to the HTML. It's ok though, most Web designers don't even understand the concept of minimal markup. I'm hoping to change that.

  13. #13
    Internet Consumist Kayn's Avatar
    Join Date
    Feb 2001
    Location
    Missouri
    Posts
    209
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ahhh, well I'm interested to hear what ya say then.

    Oh, and I can't quite figure out why in IE the content won't expand 100&#37; horizontally.

    Sing in a band called Psychostick, Alfredo Afro.


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
  •