Jonathan Harvey Posted June 21, 2009 Share Posted June 21, 2009 Ok, when it comes to developing websites I am 100% new. I have developed a site that keeps rendering differently depending on browsers, the way the browsers are zoomed, ect. I don't have it uploaded to a web host but I have the code, can somebody please tell me what might be wrong? thank you ahead of time. <!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>Venice Plastic Surgery</title><style type="text/css">body { background-image:url(images/page%20background.jpg); background-repeat: no-repeat;}.everythinginthedoc{ width:60%; margin-left:20%; height: 400%;}/* I'm making three divs each with a 1px solid black border for the top of the page where it says speaking requests...ect - Jonathan H.*/.speakingrequests{ text-align:right; float:left; }.newpatientforms{ float:left; border-left:1px solid black; border-right:1px solid black;}.careguides{ }.mainpage{ background-color:#FFF; width:113%; height:500%; position:relative; top:-38px; left:2px; border-right:1px solid #6FF; border-bottom:1px solid #6FF; border-left:1px solid #6FF;}/* this is all the link propertys for the nav bar - Jonathan Harvey */ a.navbarhome:link { z-index:1; position:relative; top:-26px; left:50px; color:#0CF; font-size:18px; text-decoration:none } a.navbarhome:hover { color:#00F; } a.drhaasstaff:link { z-index:1; position:relative; top:-26px; left:70px; color:#0CF; font-size:18px; text-decoration:none } a.drhaasstaff:hover { color:#00F; } a.facility:link { z-index:1; position:relative; top:-26px; left:90px; color:#0CF; font-size:18px; text-decoration:none } a.facility:hover { color:#00F; } a.articles:link { z-index:1; position:relative; top:-26px; left:110px; color:#0CF; font-size:18px; text-decoration:none } a.articles:hover { color:#00F; } a.links:link { z-index:1; position:relative; top:-26px; left:130px; color:#0CF; font-size:18px; text-decoration:none } a.links:hover { color:#00F; } a.contact:link { z-index:1; position:relative; top:-26px; left:150px; color:#0CF; font-size:18px; text-decoration:none } a.contact:hover { color:#00F; } a.directions:link { z-index:1; position:relative; top:-26px; left:170px; color:#0CF; font-size:18px; text-decoration:none } a.directions:hover { color:#00F; } /* put them all in here */ p.drhaasbio { width:23em; position:relative; left:450px; top:20px;}.drhaas{ position:relative; left:270px; top:-185px;}.face{ position:relative; top:-325px;}.breasts{ position:relative; top:-320px;} .body { position:relative; top:-315px; } .hand { position:relative; top:-310px; } a:link { text-decoration:none; } a:visited { text-decoration:none; } .speaking { position:relative; top:-307px; }.cosmetic{ position:relative; top:-305px;}.reconstructive{ position:relative; top:-303px;}.cosmeticsurgerybox{ background-color:lightblue; width:35%; position:relative; top:-600px; left:30px; height: 450%; float: left;}.reconstructivebox{ background-color:lightblue; width:35%; position:relative; top:-600px; left:50px; height: 450%; float: left;}.businesscard{ position:relative; top:-300px; float: left; left: 8px;}.testomonials{ background:lightblue; width:; position: relative; top: -595px; width: 38em; left: 225px; float: left;}a.sitemap:link{ text-decoration:none;color:#39F; }</style></head><body><!-- Everything should go in the div to ensure the page is aligned correctly - Jonathan Harvey --><div class="everythinginthedoc"><div class="speakingrequests"> Speaking Requests </div> <div class="newpatientforms"> New Patient Forms </div><div class="careguides"> Care Guides</div><img src="images/header.gif" /><img src="images/navbackground.gif" /><a class="navbarhome" href="../home.html">Home</a><a class="drhaasstaff" href="../DrHassstaff.html"> Dr. Haas & Staff</a><a class="facility" href="../facility.html"> Facility</a><a class="articles" href="../articles.html">Published Articles</a><a class="links" href="../links"> Helpful Links</a><a class="contact" href="../contact.html">Contact Us</a><a class="directions" href="../directions.html">Directions</a> <div class="mainpage"><p class="drhaasbio"> <b>Dr. Haas is a Board Certified General Surgeon who preforms both Cosmetic and Reconstructive Plastic Surgery. He understands the true meaning of patient care. “As a reconstructive surgeon I have extensive training in several areas, more so than a plastic surgeon.” Dr. Haas has been providing quality care in Venice, Florida, for over xx years. As a specialist in wound care and cosmetic plastic surgery, he is uniquely qualified to handle surgeries from head to toe, ensuring your overall esthetic look is achieved.</b> </p><div class="drhaas"><img src="images/drhass.gif" /></div><div class="face"><a href="face.html"><img border="0" src="images/Face.gif" style="opacity:0.4;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></div><div class="breasts"><a href="breasts.html"><img border="0" src="images/Breast.gif" style="opacity:0.4;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"/></a></div><div class="body"><a href="body.html"><img border="0" src="images/Body.gif" style="opacity:0.4;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"/></a></div><div class="hand"><a href="hand.html"><img border="0" src="images/Hand.gif" style="opacity:0.4;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></div><div class="speaking"><a href="speakingrequest.html"><img border="0" src="images/Speaking Request.gif" style="opacity:0.4;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"/></a></div><div class="cosmetic"><a href="cosmetic.html"><img border="0" src="images/Cosmeticsurgery.gif" style="opacity:0.4;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></div><div class="reconstructive"><a href="reconstructive.html"><img border="0" src="images/Reconstructivesurgery.gif" style="opacity:0.4;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></div><div class="businesscard"><img src="images/businesscard.gif" /></div><div class="cosmeticsurgerybox"> <h4 align="center"> Cosmetic Surgery </h4><p align="center"><span style="color: #00C"><b>Face | Breast | Body | Scar</b><br />Abdominoplasty | Acne Scar RemovalBreast Augmentation | Breast ReductionBreast Lift | Collagen InjectionsDermabrasion | Ear Pinning/Reduction |Eyelid Lift | Facelift | Laser Skin TreatmentsLiposuction | Rhinoplasty | Scar RemovalTattoo Removal | Thigh Lift | Tummy Tuck</span> <br /> <br />Cosmetic Surgery is surgery preformed on normal structures of the body for the purpose of improving the appearance of an otherwise healthy person. Examples of such operations would be rhinoplasty, facelifts, breasts augmentations and liposuction.</p></div><div class="reconstructivebox"><h4 align="center"> Reconstructive Surgery</h4><p align="center"><span style="color:#00C"><b>Face | Breast | Hand | Burns | Wounds</b><br /><br />Cleft Lip and Palate Repair | Joint ReplacementFractured and Broken Bones | InfectionsTendon Injuries | Nerve Injuries | Birth DefectsSkin Surgeries (removal of cancer)Skin Grafting for Burns | Repair of Bed SoresBreast Reconstruction (after mastectomy)Burn Treatment | Nasal SurgeryWound Care Specialist</span><br /><br />Reconstructive Surgery reconstructs, repairs or reshapes abnormal structures of the body. The goal is to fix or restore the function, as well as the appearance of an area of injury, disease or birth defect. Repairs of severe lacerations and compound bone fractures are typical procedures, as are tissue grafts to repair severe burns and removing cancerous skin growths, along with rebuilding lost or deformed body parts.</div><div class="testomonials"><p>Testimonials<br />“Dr. Haas is the best. He made me feel so comfortable leading up to the procedure and did amazing work. I am so glad I had a facelift. Now I look as good as I feel.”Jenny Gennings - Facelift by Dr. Haas</p></div></div><p align="center" style="float:left;position:relative;top:-640px;left:40px"><a class="sitemap" href="home.html">Home</a> |<a class="sitemap" href="drhaas"> Dr. Haas & Staff</a> |<a class="sitemap" href="facility.html"> Facility </a>|<a class="sitemap" href="articles.html"> Published Articles</a> |<a class="sitemap" href="links.html"> Helpful Links</a> |<a class="sitemap" href="contact.html"> Contact Us</a> | <a class="sitemap" href="directions.html">Directions </a>|<a class="sitemap" href="newpatientforms.html"> New Patient Forms</a> |<a class="sitemap" href="careguides"> Care Guides</a></p><p align="center" style="float:left;position:relative;top:-670px;left:50px"><b>Dr. Ali Haas was Chief Resident and Fellow in Plastic Surgery at Chapel Hill. Dr. Haas is trained and qualified to offer services such as breast augmentations, breast reductions, breast lifts, abdominoplasty, collagen injections, dermabrastion, ear pinning, eyelid lift, facelift, laser skin removal, tattoo removal, thigh lifts, tummy tuck, cleft palate, joint replacement, burn treatment, nasal surgery, rhinoplasty, wound care, skin surgeries and other plastic surgeries. Copyright © 2009 Venice Plastic Surgery. Website Design & Concept by Nielubowicz & Associates, Inc. | Full Service Agency | Sarasota, FL</b></p></div></body></html> Link to comment Share on other sites More sharing options...
ckrudelux Posted June 23, 2009 Share Posted June 23, 2009 Okay for starters I would tell you to try too separate (x)html and css.add this line at the head:<link rel="stylesheet" type="text/css" href="mycssdocument.css" />Create a file called mycssdocument.cssNo start tags are needed in the css document.After that I would say to you.Web browsers follows a w3 standard they have some small difference between them. Opera/Firefox/Chrome are basicly the same and microsoft IE is really diffrent couse they like to be diffrent or something but they are starting to get like everyone else.So try to update your browser or check on the w3schools page what browser/version each code needs too work.Sometimes we have to write two codes on the same thing to make it work in diffrent browsers.Any how it will be easy for me to tell you whats wrong if you could tell me more specific whats wrong with your page. Link to comment Share on other sites More sharing options...
cedric Posted June 23, 2009 Share Posted June 23, 2009 I'm sorry to say that the site doesn't make any sence in every browser i tried.You should tell (show us what it is you want)so we can help you. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.