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 11 of 11

Thread: IE7 again?

  1. #1
    Regular Coder
    Join Date
    Apr 2005
    Posts
    315
    Thanks
    18
    Thanked 2 Times in 2 Posts

    IE7 again?

    Here's my page;

    http://www.moderntimes.com/home_page/index.html

    It works perfectly in FF, and Safari, I don't have Opera. But it's out of position in IE7 for windows, not to mention how truly messed up it is in IE5 for the MAC.

    Could someone point me in the right direction?

    Thanks

  • #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
    You seriously can't expect it to display the way you want when you have 45 coding errors. http://validator.w3.org
    Validate your page.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder
    Join Date
    Apr 2005
    Posts
    315
    Thanks
    18
    Thanked 2 Times in 2 Posts
    I KNOW about those coding errors. They make no sense to me. According to the validator, I can't use any tags!! So I guess I can't get help here!!!!!

  • #4
    Regular Coder
    Join Date
    Apr 2005
    Posts
    315
    Thanks
    18
    Thanked 2 Times in 2 Posts
    More of the above. That stupid validator tells me that p3 is undefined!!! What's that all about? I clearly define p3 in the stylesheet. That's what I mean, I don't understand the lousy validator.

  • #5
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    well p3 and p4 aren't tags. it's p and just p. that right there probally produces a lot of your errors. if you need to style differen p's diffeent ways, use a class applied to them. fix the errors first and it'll probally clean up a lot of warnings.

    you have some crazy stuff going on in there. i opened it on Opera 8 FF1.5 and IE6 and all 3 were jacked up.

    One thing that jumped ot wa you had a #wrapper in the css but none in the html. since you are doing an off center centered layout use the wrapper to center it all and then make everyhtin gelse slide in to place.

    css manhandled but not cleaned up and a small iffy hack of applying a 1px sideborder to the wrapper for IE (which probally wont be needd if if fix the errors) and this works visually.

    Dont just use this straight up as it's messy. fix the issues and then swing back in and we can clean up your css more. there is a lot of unnesscecary stuff in there.
    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>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content="michael mills, classic films, old movies"/>
    <meta name="keywords" content="classic films, classic movies, oscar micheaux, old movies, mgm, paramount, warner bros, columbia, rko, classic hollywood, cities, los angles, oakland, santa cruz, southwest"/>
    <title>Home Page for Michael Mills</title>
    <link rel="icon" href="/favicon.png" type="png"/>
    <style type="text/css">
    /* this file used for index.html (michael mills' home page only*/
    
    body { 
    
    	font: 11px trebuchet ms, arial, helvetica, sans-serif; 
    
    	color: #9f927f; 
    
    	background: #e8e0d5 url(http://www.moderntimes.com/home_page/fxd_cntr_back.gif) no-repeat fixed center; 
    
    	margin: 0px; 
    	padding: 0;
    	text-align: center;
    
    }
    
    p {
    
    	font: 11px/15px trebuchet ms, arial, helvetica, sans-serif; 
    		
    }
    
    p2 {
    
    	 color: #4f6b8b;
    	 
    	 padding: 5px 0 0 0;
     
    }
    
    p3 {
    
    	font: 11px/12px trebuchet ms, arial, helvetica, sans-serif; 
    	
    	font-style: italic;
    		
    }
    
    p4 {
    
    		
    	font: 11px/14px trebuchet ms, arial, helvetica, sans-serif; 
    	
    	font-style: italic;
    		
    }
    
    h2 {
    
    	font-size: 10px/11px trebuchet ms, arial, helvetica, sans-serif; 
    	
    	font-style: bold;
    				
    }
    
    #wrapper { 
    
    	display: block;
    
    	position: relative;
    
    	margin-top: 0px;
    	
    	margin-right: auto;
    
    	margin-left: auto;
    	
    	text-align: left;
    
    	padding: 0 0px 0 0px;
    
    	width: 614px;
    	border-right: 1px solid #B9AA94;
    
    }
    
    #title { 
    
    	background: url("http://www.moderntimes.com/home_page/title.gif") no-repeat top left;
    	
    	margin-top: -12px;
    	
    float: right;
    
    	height: 67px;
    
    }
    
    #container {
    
    	position: relative;
    
    	width: 475px;
    	
    float: right;
    	
    	margin: 0 16px 10px 0;
    	display: inline;
    	
    
    
    }
    
    #logo {
    	width: 505px;
    	
    	float: right;
    	
    	margin-bottom: 10px;
    	
    }
    
    a:link {
    	
    	letter-spacing: 0.0em;
    	
    	text-transform: none;
    	
    	padding: 0;
    	
    	text-decoration: none;
    	
    	color: #666;
    }	
    
    a:visited {
    
    	letter-spacing: 0.0em;
    	
    	text-transform: none;
    	
    	padding: 0;
    	
    	text-decoration: none;
    	
    	color: #57657a;
    }	
    
    a:hover {
    
    	letter-spacing: 0.0em;
    	
    	text-transform: none;
    	
    	background-color: #57657a;
    	
    	color: #cccc99;
    	
    	text-decoration: none;
    	
    }
    
    a:active {
    
    	letter-spacing: 0.0em;
    	
    	text-transform: none;
    	
    	color: #9F927F;
    	
    	text-decoration: none;
    }
    
    #footer {
    
    	width: 505px;
    	
    	font: 11px trebuchet ms, arial, helvetica, sans-serif;
    	
    	font-style: italic;
    	
    	float: right;
    	
    	padding: 4px 0 4px 0;
    	
    	text-align: center;
    	
    	border: #b9aa94 solid;
    	border-width: 11px 0;
    	
    	clear:  both
    	}
    </style>
    
    </head>
    
    <body>
    <div id="wrapper">
    <div id="logo"><img src="http://www.moderntimes.com/home_page/cornered.jpg" alt="exit sc harbor" width="505" height="477"/></div>
    
    
    <div id="title"><img src="http://www.moderntimes.com/home_page/title.gif" alt="exit sc harbor" width="505" height="67"/></div>
    
    
    <div id="container">
    	<p><span>&#40;MY VIEWS&#41;</span></h2>
    	<p><span>Though movies and history are rarely referred to in the same context, they are a fitting compliment to one another. I found a remarkable connection with history and the great classic films. However, as they say; they don't  make them the way they used to. With the exception of Steven Spielberg’s, “Empire of the Sun”, and “Schindler&rsquo;s List”, most filmmakers today have little regard for historical facts. It&rsquo;s a shame that an entire generation of young americans will come to know history by way of the proclivities of an Oliver Stone. For more on the movies, and film history please select one of my classic film links. There's a brief description of my film sites below</span></p>
    	
    	<p3>“tell me, how did you love the picture”, Sam Goldwyn, 1939</p3>
    	
    	<p><span>I like almost all types of music, but mostly I like jazz, <a title="real jazz" href="http://www.allaboutjazz.com/" target="_blank">real jazz</a>. I like classical, and <a title="gershwin" href="http://www.gershwin.com/" target="_blank">American music</a>, and my choice as composer is Aaron Copland. I like Verdi&rsquo;s, “Rigoletto” and Puccini&rsquo;s, “Tosca”. <a title="Renee" href="http://www.renee-fleming.com/" target="_blank">Renee Fleming</a> is my favorite soprano. Did you know that Jimmy Dorsey and Igor Stravinsky were a great influence on Charlie Parker? Count Basie&rsquo;s piano style was preferred to Duke Ellington&rsquo;s. Miles Davis was the son of an East St. Louis dentist.</span></p>
    	
    	<p3><span>“to be or not to bop”, Dizzy Gillespie, 1979</span></p3>
    	
    		
    	<p><span>As for<a title="classic films" href="http://www.moderntimes.com/palace/introduction.html" target="_blank"> fiction films</a>, “The Thin Man, The Grapes of Wrath, Double Indemnity”, and the films of <a href="http://www.scene360.com/EDITINGroom_Hawks.html" target="_blank">Howard Hawks</a>, are among my favorites. I am especially fond of the American style, <a title="film noir" href="http://www.moderntimes.com/palace/kc.htm" target="_blank">Film Noir</a>. The master, Chaplin, the <a title="screwball comedy" href="http://www.moderntimes.com/screwball/" target="_blank">Screwball Comedies</a> of the thirties, and the sophisticated works of Neil Simon are all among my choices for comedy. Though I admire Bergman, Truffaut, and Fellini, I prefer <a href="http://www.moderntimes.com/palace/40.html" target="_blank">domestic films</a>. I suppose that means that I can never truly be considered a film “connoisseur”? My pick as the top contemporary filmmaker is <a title="woody allen" href="http://www.woodyallen.com/" target="_blank">Woody Allen</a>. my vote for the best film of all time, “The Godfather”.</span></p>
    	
    	<p3><span>“marry me, and i’ll never look at another horse”, Groucho Marx, 1937</span></p3>
    	
    	
    	<p><span>&#40;A BRIEF DESCRIPTION OF MY FILM SITES&#41;</span></h2>
    	
    	
    	<p><span><a href="http://moderntimes.com/palace/" target="_blank"><i><b>The Palace;</a></i></b> The Palace has been in existence since 1995, and is one of the most frequented places of its kind on the Web. Here you will find hundreds of images, and original articles about Hollywood and the great classic films.</span></p>
    	
    	
    	<p><span><a href="http://moderntimes.com/egr/" target="_blank"><i><b>Rico's End;</a></i></b> A tribute to the great Edward G. Robinson. In Caesar Enrico Bandello, he created the prototype for the modern American movie gangster. For the wonderful memories he gave me, this site if dedicated.</span></p>
    	
    	
    	<p><span><i><b><a href="http://moderntimes.com/bab/" target="_blank">Ball of Fire;</a></i></b> Barbara Stanwyck, be it the sophisticated Screwball comedies, the turgid dramas, or the shadow filled Film Noirs, for more than five decades Barbara Stanwyck strode above her peers , and was subordinate to no one.</span></p>
    	
    	
    	<p><span><a href="http://moderntimes.com/palace/b/" target="_blank"><i><b>The Great Bs;</a></i></b> The B movie was a direct response by Hollywood to the falling cinema audiences of the early Depression years. Where previously audiences had paid to see a single feature supplemented with shorts and cartoons, they were now treated with two features, one of which was a low-budget supporting film — insert the B. </span></p>
    	
    	
    	<p><span><a href="http://moderntimes.com/palace/black/" target="_blank"><i><b>Midnight Ramble;</a></i></b> Midnight Ramble concerns Black Hollywood from the period just after World War I through the 1940’s. It considers everything from the low budget, independent Race movies of Oscar Micheaux to major studio productions. It’s a tribute to a very misunderstood, and mysterious film genre that lasted for over forty years. </span></p>
    	
    	
    	<p><span><a href="http://moderntimes.com/screwball/" target="_blank"><i><b>Screwball Comedy;</a></i></b> It may be the essence of all American comedy. It’s nuts, it’s illogical, it’s impossible, and it’s hilarious. It’s also abundant with endless comic variations, opened to unexpected solutions, and primarily grounded in danger. </span></p>
    	
    	
    	<p><span><a href="http://photos.moderntimes.com/" target="_blank"><i><b>My Photographs;</a></i></b> This is a collection of some of my favorite photographs. They express my thoughts and style. You may like them. </span></p>
    	
    	
    	<p4><span> *The layout for this page was influenced by “Oceans Apart”, designed by Ryan Sims. This facsimile is used without the author’s permission.</span></p4></div>
    	
    	
    	<div id="footer"><a href="mailto:michael180@mac.com">michael mills' home page</a></div>
    	
    </div>	
    </body> </html>
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #6
    Regular Coder
    Join Date
    Apr 2005
    Posts
    315
    Thanks
    18
    Thanked 2 Times in 2 Posts
    Thank you harbingerOTV, I'll try to fix it, and get back.

  • #7
    Regular Coder
    Join Date
    Apr 2005
    Posts
    315
    Thanks
    18
    Thanked 2 Times in 2 Posts
    Okay harbingerOTV, I got the thing to line up. Now maybe you might help me with this validator?

    Thank you so much.

    Michael

  • #8
    New Coder
    Join Date
    Aug 2006
    Posts
    97
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Most of your coding errors were because you havent put the styles in the right order...

    eg you have

    Code:
    <i><b>Midnight Ramble;</i></b>
    It should be

    Code:
    <i><b>Midnight Ramble;</b></i>
    EDIT
    this brings it down to 4 errors
    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>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="description" content="michael mills, classic films, old movies"/>
    <meta name="keywords" content="classic films, classic movies, oscar micheaux, old movies, mgm, paramount, warner bros, columbia, rko, classic hollywood, cities, los angles, oakland, santa cruz, southwest"/>
    <title>Home Page for Michael Mills</title>
    <link rel="icon" href="/favicon.png" type="png"/>
    <link rel="stylesheet" href="splash.css" type="text/css"/>
    </head>
    
    <body>
    
    <div id="wrapper">
    
    <div id="logo"><img src="cornered.jpg" alt="exit sc harbor" width="505" height="477"/></div>
    
    
    
    
    <div id="title"><img src="title.gif" alt="exit sc harbor" width="505" height="67"/></div>
    
    
    <div id="container">
    	<p><span>&#40;MY VIEWS&#41;</span></p>
    	<p><span>Though movies and history are rarely referred to in the same context, they are a fitting compliment to one another. I found a remarkable connection with history and the great classic films. However, as they say; they don't  make them the way they used to. With the exception of Steven Spielberg’s, “Empire of the Sun”, and “Schindler&rsquo;s List”, most filmmakers today have little regard for historical facts. It&rsquo;s a shame that an entire generation of young americans will come to know history by way of the proclivities of an Oliver Stone. For more on the movies, and film history please select one of my classic film links. There's a brief description of my film sites below</span></p>
    
    	
    	<p2>“tell me, how did you love the picture”, Sam Goldwyn, 1939</p2>
    	
    	<p><span>I like almost all types of music, but mostly I like jazz, <a title="real jazz" href="http://www.allaboutjazz.com/" target="_blank">real jazz</a>. I like classical, and <a title="gershwin" href="http://www.gershwin.com/" target="_blank">American music</a>, and my choice as composer is Aaron Copland. I like Verdi&rsquo;s, “Rigoletto” and Puccini&rsquo;s, “Tosca”. <a title="Renee" href="http://www.renee-fleming.com/" target="_blank">Renee Fleming</a> is my favorite soprano. Did you know that Jimmy Dorsey and Igor Stravinsky were a great influence on Charlie Parker? Count Basie&rsquo;s piano style was preferred to Duke Ellington&rsquo;s. Miles Davis was the son of an East St. Louis dentist.</span></p>
    
    	
    	<p2><span>“to be or not to bop”, Dizzy Gillespie, 1979</span></p2>
    	
    		
    	<p><span>As for<a title="classic films" href="http://www.moderntimes.com/palace/introduction.html" target="_blank"> fiction films</a>, “The Thin Man, The Grapes of Wrath, Double Indemnity”, and the films of <a href="http://www.scene360.com/EDITINGroom_Hawks.html" target="_blank">Howard Hawks</a>, are among my favorites. I am especially fond of the American style, <a title="film noir" href="http://www.moderntimes.com/palace/kc.htm" target="_blank">Film Noir</a>. The master, Chaplin, the <a title="screwball comedy" href="http://www.moderntimes.com/screwball/" target="_blank">Screwball Comedies</a> of the thirties, and the sophisticated works of Neil Simon are all among my choices for comedy. Though I admire Bergman, Truffaut, and Fellini, I prefer <a href="http://www.moderntimes.com/palace/40.html" target="_blank">domestic films</a>. I suppose that means that I can never truly be considered a film “connoisseur”? My pick as the top contemporary filmmaker is <a title="woody allen" href="http://www.woodyallen.com/" target="_blank">Woody Allen</a>. my vote for the best film of all time, “The Godfather”.</span></p>
    
    	
    	<p2><span>“marry me, and i’ll never look at another horse”, Groucho Marx, 1937</span></p2>
    	
    	
    	<p><span>&#40;A BRIEF DESCRIPTION OF MY FILM SITES&#41;</span></p>
    	
    	
    	<p><span><a href="http://moderntimes.com/palace/" target="_blank"><i><b>The Palace;</b></i></a> The Palace has been in existence since 1995, and is one of the most frequented places of its kind on the Web. Here you will find hundreds of images, and original articles about Hollywood and the great classic films.</span></p>
    	
    	
    	<p><span><a href="http://moderntimes.com/egr/" target="_blank"><i><b>Rico's End;</b></i></a> A tribute to the great Edward G. Robinson. In Caesar Enrico Bandello, he created the prototype for the modern American movie gangster. For the wonderful memories he gave me, this site if dedicated.</span></p>
    
    	
    	
    	<p><span><a href="http://moderntimes.com/bab/" target="_blank"><i><b>Ball of Fire;</b></i></a> Barbara Stanwyck, be it the sophisticated Screwball comedies, the turgid dramas, or the shadow filled Film Noirs, for more than five decades Barbara Stanwyck strode above her peers , and was subordinate to no one.</span></p>
    	
    	
    	<p><span><a href="http://moderntimes.com/palace/b/" target="_blank"><i><b>The Great Bs;</b></i></a> The B movie was a direct response by Hollywood to the falling cinema audiences of the early Depression years. Where previously audiences had paid to see a single feature supplemented with shorts and cartoons, they were now treated with two features, one of which was a low-budget supporting film — insert the B. </span></p>
    	
    	
    	<p><span><a href="http://moderntimes.com/palace/black/" target="_blank"><i><b>Midnight Ramble;</b></i></a> Midnight Ramble concerns Black Hollywood from the period just after World War I through the 1940’s. It considers everything from the low budget, independent Race movies of Oscar Micheaux to major studio productions. It’s a tribute to a very misunderstood, and mysterious film genre that lasted for over forty years. </span></p>
    
    	
    	
    	<p><span><a href="http://moderntimes.com/screwball/" target="_blank"><i><b>Screwball Comedy;</b></i></a> It may be the essence of all American comedy. It’s nuts, it’s illogical, it’s impossible, and it’s hilarious. It’s also abundant with endless comic variations, opened to unexpected solutions, and primarily grounded in danger. </span></p>
    	
    	
    	<p><span><a href="http://photos.moderntimes.com/" target="_blank"><i><b>My Photographs;</b></i></a> This is a collection of some of my favorite photographs. They express my thoughts and style. You may like them. </span></p>
    	
    	
    	<p2><span> *The layout for this page was influenced by “Oceans Apart”, designed by Ryan Sims. This facsimile is used without the author’s permission.</span></p2>
    
    	</div> <!--close container-->
    	
    	
    	<div id="footer"><a href="mailto:michael180@mac.com">michael mills' home page</a></div>
    	
    	</div> <!--close wrapper-->
    	
    	
    </body> </html>
    Last edited by haveacigar; 01-30-2007 at 04:02 AM.

  • #9
    Regular Coder
    Join Date
    Apr 2005
    Posts
    315
    Thanks
    18
    Thanked 2 Times in 2 Posts
    Okay, harbingerOTV, I got the page to validate, and it works fine in IE7 for windows. I still have problems with IE5 for the MAC.

    I really appreciate all your help. I've learned a great deal. I sometime get ahead of myself.

    I love this forum. And I apologize for flying off the hook with the prior poster.

    Again thanks.

    Michael Mills

  • #10
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    Cool to hear you've gotten something from it. That's how we all learn.

    but, really, why are you killing yourself with IEmac? Do you have to make this for someone who has it? it hasn't been supported in years, adn i dont personally know any mac user that uses it. i know a good deal of mac people fwiw.
    Code:
    <style type="text/css" media="screen,projection">
        /* backslash hack hides from IEmac \*/
    	    @import url(?.css);
        /* end hack */
    </style>
    can hide the code from IEmac and deliver unstyled contnet to them. I would say that most mac users run firefox or safari. Those should be the greatest concerns. If your hard set on it I can see what I can do, but having a pc...

    I didnt test this css so make a back up but it seems you have either some meningless or redundant code in there :
    Code:
    /* this file used for index.html (michael mills' home page only*/
    
    body { 
    
    	font: 11px "trebuchet ms", arial, helvetica, sans-serif; 
    
    	color: #9f927f; 
    
    	background: #e8e0d5 url(fxd_cntr_back.gif) no-repeat fixed center; 
    
    	margin: 0px; 
    	
    	text-align: center;
    
    }
    
    p {
    
    	font: 11px/15px "trebuchet ms", arial, helvetica, sans-serif; 
    		
    }
    
    .p2 {
    
    	font: 11px/12px italic  "trebuchet ms", arial, helvetica, sans-serif; 
    	
    	
    }
    
    h2 {
    
    	font: 600 10px/11px "trebuchet ms", arial, helvetica, sans-serif; 
    	
    				
    }
    
    #wrapper { 
    
    	width: 614px;
    
    	display: block;
    
    	position: relative;
    
    	margin: 0 auto;
    	
    	text-align: left;
    
    
    }
    
    #logo {
    	width: 505px;
    	
    	float: right;
    		
    	margin-bottom: 10px;
    	
    }
    
    #title { 
    
    	background: url(title.gif) no-repeat top left;
    	
    	margin-top: -12px;
    	
    	float: right;
    	
    	height: 67px;
    
    }
    
    #container {
    	
    	width: 475px;
    	
    	float: right;
    	
    	margin: 0 16px 10px 0;
    	
    }
    
    a:link {
    	
    	text-decoration: none;
    	
    	color: #666;
    }	
    
    a:visited {
    	
    	text-decoration: none;
    	
    	color: #57657a;
    }	
    
    a:hover {
    	
    	background-color: #57657a;
    	
    	color: #cccc99;
    	
    	text-decoration: none;
    	
    }
    
    a:active {
    	
    	color: #9F927F;
    	
    	text-decoration: none;
    }
    
    #footer {
    
    	width: 505px;
    	
    	font-style: italic;
    	
    	float: right;
    	
    	letter-spacing: 15px;
    	
    	padding: 4px 0;
    	
    	text-align: center;
    	
    	border-top: 11px #b9aa94 solid;
    	
    	border-bottom: 11px #b9aa94 solid;
    	
    	clear:  both;
    	
    }

    site look good though. the whole lighthouse and the tall/narrow look works well and the colors are nice together.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #11
    Regular Coder
    Join Date
    Apr 2005
    Posts
    315
    Thanks
    18
    Thanked 2 Times in 2 Posts
    Yea, you are fight, I agree about IE5 for the Mac.

    Again, thanks,
    Michael


  •  

    Posting Permissions

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