Forums

tostitos

Hi everyone,

My first site and all thanks to Chris for this awesome site and screencasts: http://www.rojasstevens.com

well I'm halfway done and come to the customer's office to show how's everything going when he fires up his IE browser hell broke loose, the good thing is that my customer happens to be a friend and that I'm not charging them for being a learning experience, I always wanted to learn how to build a website from the ground up but never found a motivation.

anyway people, I would really appreciate any help, I must have missed something, but can't find the answer, the only browser where it breaks apart is on IE ( surprisingly right? ) now I know why web designers hate IE.

please help!!!

cybershot

you had one unclosed <img> tag and one unclosed or overlapping div. Try this 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=UTF-8\" />
	<title>Rojas Stevens Painting - Home Page</title>
	<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />
</head>

<body>
	
<div id=\"page-wrap\">
	
		<div id=\"header-container\">

			<h1 id=\"header\">Rojas Steven Painting</h1>
			<p class=\"headerText\">\"The Best in Charlottesville\"</p>
		
		</div>
	
		<div id=\"drop-shadow-bg-left\"></div>
		
		<div id=\"drop-shadow-bg-right\"></div>
		
		
		
		<ul id=\"nav\">
			<li class=\"home\"><a href=\"index.html\">Home</a></li>
			<li class=\"about-us\"><a href=\"about-us.html\">About Us</a></li>
			<li class=\"services\"><a href=\"services.html\">Services</a></li>
			<li class=\"gallery\"><a href=\"gallery.html\">Gallery</a></li>
			<li class=\"contact-us\"><a href=\"contact-us.html\">Contact Us</a></li>
		</ul>
		
		<div class=\"clearFloat\"><!--x--></div>
		
		<div id=\"center-images\"><!--x--></div>
		
		<div id=\"main-content-container\">
			
			<div id=\"main-content\">
				
				<div id=\"left-column\">
					
					<h3 class=\"content heading\">Recent Projects</h3>
					<img src=images/sd-sd-img_0039-tn.jpg alt=\"thumbnail1\" />
				<p>Local Vineyard</p>

		         
				
				</div><!--end left-column-->
				
				<div id=\"right-column\">

				<h2>Distinction, Character and Style. </h2>

				<p>Our company strives to make these words reality. Specializing in drywall and painting services, <span class=\"companyName\">Rojas Stevens Painting, LLC.</span> is a fully insured Class A licensed contractor.</p> 
	
				<p>We are certified in Lead Abatement and also SWaM certified by the State of Virginia.</p>
				
					
				<h3>Our specialty areas include:</h3>
				
				<ul>
					<li>New Construction</li>
					<li>Remodels</li>
					<li>Renovations</li>
					<li>Custom Homes</li>
					<li>Comercial Spaces</li>
				</ul>
				
				<h3>We proudly serve clients in:</h3>		
					
				<p>Central Virginia and surrounding counties, including but not limited to:</p>	
				
					<ul>
						<li>Charlottesville</li>
						<li>Albemarle</li>
						<li>Waynesboro</li>
						<li>Staunton</li>
						<li>Augusta</li>
						<li>Luisa</li>
						<li>Fluvanna</li>
						<li>Greene</li>
						<li>Orange</li>
					</ul>
				
				<p><!--	Please take a moment to browse our site and view samples of 															 			
						our work.-->  
				We always welcome your inquiries, you can also call us or email our office with any questions and we will gladly assist you.
				</p>
				</div><!--end right-column-->
			
		  </div><!--end main-content-->
	
	      <div class=\"clearFloat\"><!--clearFloat--></div>
		<div id=\"content bottom\">
		
		</div>	
    	<div id=\"contentFooter\"><!--x--></div>
		
		
	</div><!--end main-content-container-->
	
	
	
</div></body>

</html>

if that doesn't work, check your divs. You kinda went div crazy with the code. But the site does look nice. Not bad for being a first. Sure looks like you have experience in something.

treehouse : what would you like to learn today?

Forums

1st Site nice on FF crappy on IE