DarkxPunk

check beta.ormt.ca I want the menu to move.

First off they are using tables. Thats very old and would not recommend it. What you should do is learn CSS. What you wanna do can be achieved by using float. http://www.w3schools.com/css/css_float.asp

I want a menu to basically hover as I scroll. So obviously Position: Fixed. But within this menu I have one element floating right. Position: Fixed screws that up. How can I fix this?

There are two ways you can do a site, static or fluid. Static is easier, fluid is harder. When you use static you should do it so it fits within 1024px wide, also keep in mind tool bars, and extra browser fluff. If you go fluid you should research it on google, lots of tutorials.Now also you can still use static and get away with changing with resolutions, but it is tricky, and limited. For example my site beta.ormt.ca looks great on desktops, laptops, and iPads, and iPhones because i programmed specific CSS per device.Hope this helps.

You can do it in css3Now to the guy who posted:I agree with the other guy, you should leave coding to a human, not software, they muck it up. I would also stay away from too fancy of css3 features for now because ie6-8 are still used, and we are not out of the dark ages yet. It's also good practice to learn how to do some things the hard way.Do the w3school tutorials, or paste some codes with your specific problems.Glad to help.

It's how you got the page laid out. We need to see your HTML/CSS

Since there is no real place to ask ajax questions (which I understand because it aint über difficult), I will ask it here. Can you do external AJAX just like external JS... Reason I ask (and maybe this is bad practice) is I have the beginning and end of my pages load up with PHP so I can have one universal file and not have to change it for each page, so I want to just load up the AJAX from a file.If its not possible then I got other ways to do it. Thanks for the info.

Could you explain further? But let me maybe try and explain if I do understand. The hook is allot of people in Canada have a hard time finding Registered Massage Therapists. So I am finally offering a search engine that is allot more intricate in the sense they will have more search options. There are not many, if any website that work like this in Canada. So I am trying to fill a gap. My mother is a massage therapist so she provides allot of input, and gives me an edge on trends. Does that explain the hook? Could you go deeper as to where, or why? My approach to this site is to be clean and simple, not flashy. I do agree though I do need something more to grab peoples attention. The date is the date posted, and as I stated before I have not built the backend so nothing has been added yet. And yes you can own something as such if its your business name. At least in Canada you can. Pretty sure its true in the US, and most other countries too. Could you explain where you think it would fit? The reason I posted this was to get peoples reactions and ideas, not simply comments like more blue. Ditto as the comment before... First off not all the content is done in respects to 'text', but if you read the first page I am pretty sure it explains everything, along with the first banner on the home page. Am I wrong? Also allot of business names mean nothing and most people don't understand them, but people still use the terms Adobe, or Apple. What do they mean? Apple as an example does not make you think computers. Its about getting a brand out there. Thanks for all your comments, and can't wait to hear some clarifications.

Thank you both, its a little late now. For sure I will read deeper into these in the morning, but they seem very good so far. Will update y'all with my end results

Hey everyone, So I have been working on www.beta.ormt.ca for quite a bit. Its going to be a search engine for clients to find Registered Massage Therapists in my province Ontario, in Canada. Obviously if you visit today you will notice there is no working search engine, and that will come in time. What I am curious about though is what you all think of the design. Feel free to rip me apart in how I built the site, how the colors are, the layout, anything. Only through critiques do we really ever learn. Also check it out on iPhones/iPod Touches, and iPads its all customized to work great on them and even works in IE 6 :oThanks for all the comments and critiques.

Hey everyone, So I have been working on a cleaner contact form for my website, I have found a few tools online and tutorials to help out but I think the community here at W3Schools Forums may be able to even help me improve this, and maybe assist me in some questions. So first off the resource I used to build my contact form is here: http://www.html-form-guide.com/contact-form/php-email-contact-form.htmlIts a simply contact form and offered a nice JS filter which works like a charm. Here is my resulting contact form: <form action="contact.php" method="post" name="contact"> <label>Name: <span class="error" id="contact_name_errorloc"></span></label> <input id="contactName" type="text" name="name"> <label>E-Mail: <span class="error" id="contact_email_errorloc"></span></label> <input id="contactEmail" type="text" name="email"> <label>Subject: <span class="error" id="contact_subject_errorloc"></span></label> <input id="contactSubject" type="text" name="subject"> <label>Message: <span class="error" id="contact_message_errorloc"></span></label> <textarea id="contactMessage" name="message"></textarea> <input id="contactSend" type="submit" name="submit" value="Send"> </form> <script type="text/javascript"> var frmvalidator = new Validator("contact"); frmvalidator.EnableOnPageErrorDisplay(); frmvalidator.EnableMsgsTogether(); frmvalidator.addValidation("name","req","Please provide your name."); frmvalidator.addValidation("email","req","Please provide your email."); frmvalidator.addValidation("email","email","Please enter a valid email address."); frmvalidator.addValidation("subject","req","Please provide a subject."); frmvalidator.addValidation("message","req","Please write us a message."); </script> <?php $errors = ''; $myemail = 'example@example.com'; if( empty($_POST['name']) || empty($_POST['email']) || empty($_POST['subject']) || empty($_POST['message'])) { $errors .= "\n Error: all fields are required"; } $name = $_POST['name']; $email_address = $_POST['email']; $subject = $_POST['subject']; $message = $_POST['message']; if (!preg_match( "/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/i", $email_address)) { $errors .= "\n Error: Invalid email address"; } if( empty($errors)) { $to = $myemail; $email_subject = "ORMT: $subject"; $email_body = "Name: $name\n Email: $email_address\n Message\n $message"; $headers = "From: $myemail\n"; $headers .= "Reply-To: $email_address"; mail($to,$email_subject,$email_body,$headers); echo "<p>Thank you for your interest, we will be in contact soon.</p>"; } ?> Now I am looking for any ideas on how to clean this up, as well as a way for (if JS is turned off) the PHP will display the errors. I tried after the 'if( empty($errors))' to put 'else {echo $errors;}' but it decides to write the errors even before I click send. Thanks for any help guys, and sorry if I ask for allot of explanations, I am still learning PHP

merci beaucoup

I will admit. I am probably not getting this because I am working at 4:30 at night..morning..idk..., but maybe its not that. So simple situation I would think. I got two divs, the one of the left I need to be fluid and the one on the right has a fixed width. Obviously when I don't set a width to the left div it just pushes the right div down. So how do I solve this? Thanks for any help,Michael

The reason I put it outside is because it only loads when a iPhone is detected using PHP. I seem to have solved it: Here is the completed CSS:/* Reset */* {margin: 0;border: 0;padding: 0;font-family: "Lucida Sans Unicode",sans-serif;background: none;}html,body {width: 100%;height: 100%;}body {background: url(../images/bgNav.gif) repeat-x;}h1 {font-size: 200%;} h2 {font-size: 150%;} h3 {font-size: 120%;} h4 {font-size: 100%;} h5 {font-size: 80%;} h6 {font-size: 70%;}p,li,label {font-size: 100%;} sup {font-size: 55%;} input {font-size: 70%;} #mSearch label {font-size: 120%;} #mSearch input {font-size: 90%;}/* Group Formatting */h1,h2,h3,h4,h5,h6 {color: #6ac5f2;}a {text-decoration: none;color: #cca300;}input {outline: none;}#wrap,#header {margin: 0 auto 0;}#header,#nav,.nav,.nav a {height: 40px;}.nav a {display: inline-block;}#nav,#nav li,#content,#ads {float: left;}form *,.nav a,#footer h6 {color: #888888;}.current a {color: #000000;}#qsButton,#qSearch,#qsImage,#msImage,#logo {float: right;}#qsButton,#qSearch,#mSearch,.end,#ads {border: 2px solid #e7e5e5;padding: 5px;background-color: #ffffff;}#qSearch,#mSearch,#conSubmit {padding: 0 5px 0;}#contentWrap,#content,#ads {overflow: hidden;}.blogWrap a:hover {text-decoration: underline;}.blogWrap h1 {border-bottom: 1px solid #e7e5e5;}/* Wrap */#wrap {margin-bottom: -110px;width: 980px;min-height: 100%;height: auto !important;height: 100%;}/* Header */#header {padding: 10px 0 0 0;}/* Navigation */#nav li {margin: 0 1px 0 0;list-style: none;line-height: 2.8;}.nav {padding: 0 0 0 5px;background: url(../images/btndL.gif) no-repeat left top;}.nav a {padding: 0 15px 0 10px;background: url(../images/btndR.gif) no-repeat right top;}.current {background: url(../images/btnL.gif) no-repeat left top;}.current a {background: url(../images/btnR.gif) no-repeat right top;}/* Quick Search */#qSearch {width: 300px;height: 30px;}#qsText {width: 220px;height: 35px;}#qsImage {padding: 3px 0;}/* Banners */#bannerMain,#logo {height: 250px;}#logo {margin: 0 90px 0 0;width: 260px;background: url(../images/logoBig.gif) no-repeat;}#bannerMain h1 {padding: 0 0 0 30px;}#bannerMain h3 {padding: 50px 0 0 10px;}#banner {margin: 0 0 0 20px;height: 140px;background: url(../images/logoSmall.gif) no-repeat left center;}/* Main Search */#mSearch {margin: 10px 0 0 60px;width: 400px;height: 40px;}#msText {width: 320px;height: 45px;}#msImage {padding: 8px 0;}/* Content */.blogWrap {padding: 5px 5px 30px;}.blog {padding: 20px 20px 20px 10px;}.start,.end {font-size: 70%;word-spacing: 4px;}.start a,.end a {word-spacing: 0px;}.start {padding: 5px 20px 0 10px;}.end {border-width: 1px;background: #eeeeee;}#ads {margin: 0 0 0 14px;border-width: 0 0 0 1px;padding: 0;width: 180px;}#footer,#push {clear: both;height: 110px;}#footer {height: 100px;padding: 10px 0 0 0;}/* Wrap */#wrap {width: auto;}/* Navigation */#nav {display: none;position: absolute;border: 1px solid #e7e5e5;border-top: 0;padding: 0;width: 150px;height: 200px;background: #ffffff;z-index: 999;-webkit-border-radius: 0px 0px 5px 5px;}#naviPhone {margin: 0 1px 0 0;list-style: none;line-height: 2.8;}.nav,.nav a {background: none;}.naviPhoned {background: url(../images/btndL.gif) no-repeat left top;}.naviPhoned a {background: url(../images/btndR.gif) no-repeat right top;}.naviPhone {background: url(../images/btnL.gif) no-repeat left top;}.naviPhone a {background: url(../images/btnR.gif) no-repeat right top;}.current a {color: #000000;}/* Search */#mSearch {margin: 10px auto 0;width: 300px;height: 30px;}#msText {width: 220px;height: 35px;}#msImage {padding: 3px 0;}#mSearch label {font-size: 100%;}#mSearch input {font-size: 70%;}/* Banner */#logo {position: absolute;width: 210px;margin: 0;z-index: -1;}/* Content *//* Portrait */@media screen and (max-width: 320px){#header { width: 276px;}#qsButton { position: relative; top: 3px; padding: 0; width: 30px; height: 30px; background: #ffffff url(../images/btnSearch.gif) no-repeat center center; -webkit-border-radius: 0.5em;}#qSearch { display: none; position: absolute; left: 3px; top: 52px; z-index: 998;}#logo { left: 110px;}#banner { margin: 0 auto 0; background: url(../images/logoSmalliPhone.gif) no-repeat center center;}#bannerMain h3,#bannerMain h1 { padding-left: 5px;}}/* Landscape */@media screen and (min-width: 321px) and (max-width: 480px){#header { width: 436px;}#logo { left: 270px;}#qsButton { display: none !important;}#qSearch { display: block !important;}#bannerMain h3 { padding-top: 10px;}} HTML: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ORMT: Home</title> <meta name="description" content="ORMT: Ontario Registered Massage Therapists is a network for RMTs to advertise and attract new clientel by offering a simple, yet intricate search engine to find the best RMT to suit a clients needs."> <meta name='viewport' content='width=device-width; minimum-scale=1.0; maximum-scale=1.0; user-scalable=0;'> <script src="js/standard.js" type="text/javascript"></script> <script src='js/iphone.js' type='text/javascript'></script> <link href='css/standard.css' type='text/css' rel='stylesheet'> <link href='css/iphone.css' type='text/css' rel='stylesheet'> </head><body> <div id="wrap"> <div id="header"> <div id='qsButton' onclick='hideShowqSearch()'></div> <form id="qSearch" action="index.php" method="get"> <label>Find:</label> <input id="qsText" type="text" name="qsInput" value="a Therapist by Name, Skill, Location" title="Start typing than hit enter" onfocus="csText(this)" onblur="fsText(this)"> <input id="qsImage" type="image" name="qsSubmit" title="Find" alt="Find" src="images/btnSearch.gif"> </form> <div id='naviPhone' class='nav naviPhoned'><a onclick='hideShowNav()'>MENU</a></div> <ul id="nav"> <li class="current nav"><a href="index.php">HOME</a></li> <li class=" nav"><a href="about.php">ABOUT ORMT</a></li> <li class=" nav"><a href="rmts.php">OUR RMTs</a></li> <li class=" nav"><a href="involved.php">GET INVOLVED</a></li> <li class=" nav"><a href="contact.php">CONTACT US</a></li> </ul> </div> <div id='bannerMain'> <div id='logo'></div> <h3>Ontario</h3> <h1>Registered Massage Therapists</h1> <form id='mSearch' action='index.php' method='get'> <label>Find:</label> <input id='msText' type='text' name='msInput' value='a Therapist by Name, Skill, Location' title='Start typing than hit enter' onfocus='csText(this)' onblur='fsText(this)'> <input id='msImage' type='image' name='msSubmit' title='Find' alt='Find' src='images/btnSearch.gif'> </form> </div> <div id="contentWrap"><div id="content"><div id="blog-ABC-00-0000" class="blogWrap"> <h1>Blog Post</h1> <div class="start">Author: <a href="">Person A</a> | Tags: <a href="">tag1</a> <a href="">tag2</a></div> <div class="blog"> <p>Aasldjaslkd asdjlkasdasjd askdjlaksdjasd aksljdlkasjd klasjdlkasjd laskjdalksjd lkasj dlkasjd lksajdlk asjd lsajd laksdj lkasjdlkasjdl k lkasjdlkasjdl jlkas jdlkasd jlasjasdjasld jasdjaslkdja sdl asdjlasjd alskjdaksjdas djasjdlkasjd kjsadlk jaskld jaksldlkasjd dsg sdlgjfsd f l askJasflsd fkjls akddfjs lsdk fj fl sdjflksda j dfslasdf sldfkj lsdj flsdkj fsdlkjf </p> </div> <div class="end"><a href="">Read More</a> | <a href="">Comments</a> | <a href="">August 5th 2012</a></div></div><div id="blog-ABC-01-0000" class="blogWrap"> <h1>Blog Post</h1> <div class="start">Author: <a href="">Person A</a> | Tags: <a href="">tag1</a> <a href="">tag2</a></div> <div class="blog"> <p>Aasldjaslkd asdjlkasdasjd askdjlaksdjasd aksljdlkasjd klasjdlkasjd laskjdalksjd lkasj dlkasjd lksajdlk asjd lsajd laksdj lkasjdlkasjdl k lkasjdlkasjdl jlkas jdlkasd jlasjasdjasld jasdjaslkdja sdl asdjlasjd alskjdaksjdas djasjdlkasjd kjsadlk jaskld jaksldlkasjd dsg sdlgjfsd f l askJasflsd fkjls akddfjs lsdk fj fl sdjflksda j dfslasdf sldfkj lsdj flsdkj fsdlkjf </p> </div> <div class="end"><a href="">Read More</a> | <a href="">Comments</a> | <a href="">August 5th 2012</a></div></div><div id="blog-ABC-02-0000" class="blogWrap"> <h1>Blog Post</h1> <div class="start">Author: <a href="">Person A</a> | Tags: <a href="">tag1</a> <a href="">tag2</a></div> <div class="blog"> <p>Aasldjaslkd asdjlkasdasjd askdjlaksdjasd aksljdlkasjd klasjdlkasjd laskjdalksjd lkasj dlkasjd lksajdlk asjd lsajd laksdj lkasjdlkasjdl k lkasjdlkasjdl jlkas jdlkasd jlasjasdjasld jasdjaslkdja sdl asdjlasjd alskjdaksjdas djasjdlkasjd kjsadlk jaskld jaksldlkasjd dsg sdlgjfsd f l askJasflsd fkjls akddfjs lsdk fj fl sdjflksda j dfslasdf sldfkj lsdj flsdkj fsdlkjf </p> </div> <div class="end"><a href="">Read More</a> | <a href="">Comments</a> | <a href="">August 5th 2012</a></div></div></div> </div> <div id="push"></div> </div> <div id="footer"> CONTENT </div></body></html>

That is it. Okay but how come it worked before and not now?

Are you asking to do this on page load? If so you need to resort to JavaScript.

I am doing a site for the iphone and need a element to float over top, well I had it working, decided to clean up the css later, and now it not working. I said okay lets just revert my work. Still not working -_-CSS: This is the tweaked code /* Reset */* {margin: 0;border: 0;padding: 0;font-family: "Lucida Sans Unicode",sans-serif;background: none;z-index: 0;}html,body {width: 100%;height: 100%;}body {background: url(../images/bgNav.gif) repeat-x;}h1 {font-size: 200%;} h2 {font-size: 150%;} h3 {font-size: 120%;} h4 {font-size: 100%;} h5 {font-size: 80%;} h6 {font-size: 70%;}p,li,label {font-size: 100%;} sup {font-size: 55%;} input {font-size: 70%;} #mSearch label {font-size: 120%;} #mSearch input {font-size: 90%;}/* Group Formatting */h1,h2,h3,h4,h5,h6 {color: #6ac5f2;}a {text-decoration: none;color: #cca300;}input { outline: none;}#wrap,#header {margin: 0 auto 0;}#header,#nav,.nav,.nav a {height: 40px;}.nav a {display: inline-block;}#nav,#nav li {float: left;}form *,.nav a,#footer h6 {color: #888888;}.current a {color: #000000;}#qSearch,#qsImage,#msImage,#logo {float: right;}#nav,#qSearch,#mSearch,#qsButton,#email,#subject,#message,#conSubmit,.blogEnd,.moreInfo {border: 2px solid #e7e5e5;padding: 5px;background-color: #ffffff;}#qSearch,#mSearch,#conSubmit {padding: 0 5px 0;}/* Wrap */#wrap {width: 980px;min-height: 100%;height: auto !important;height: 100%;}/* Header */#header {padding: 10px 0 0 0;}/* Navigation */#nav {display: none;position: relative;left: 1px;top: 1px;border-top: 0;border-width: 1px;padding: 0;width: 150px;height: 200px;background: #ffffff;z-index: 999;-webkit-border-radius: 0px 0px 5px 5px;}#nav li {position: relative;left: 1px;top: 1px;z-index: 998;}#naviPhone,#nav li {margin: 0 1px 0 0;list-style: none;line-height: 2.8;}.nav {overflow: hidden;padding: 0 0 0 5px;}.nav a {display: inline-block;padding: 0 15px 0 10px;}.naviPhoned {background: url(../images/btndL.gif) no-repeat left top;}.naviPhoned a {background: url(../images/btndR.gif) no-repeat right top;}.naviPhone {background: url(../images/btnL.gif) no-repeat left top;}.naviPhone a {background: url(../images/btnR.gif) no-repeat right top;}/* Search */#qsButton {display: none;}#qSearch,#mSearch {width: 290px;height: 30px}#qsText,#msText {width: 217px;height: 35px;outline: none;background: none;}#qsImage,#msImage {padding: 3px 0;}#mSearch {margin: 5px auto 0;}/* Banners */#bannerMain,#logo {height: 250px;}#logo {position: absolute;margin: 0 87px 0 0;width: 210px;background: url(../images/logoBig.gif) no-repeat;margin: 0;z-index: -1;}#bannerMain h1 {padding: 0 0 0 30px;}#bannerMain h3 {padding: 50px 0 0 10px;}#banner {margin: 0 0 0 20px;height: 140px;background: url(../images/logoSmall.gif) no-repeat left center;}/* Portrait */@media screen and (max-width: 320px){#wrap {width: 320px;}#header {width: 276px;}#qsButton {display: block;float: right;position: relative;top: 3px;padding: 0;width: 30px;height: 30px;background: #ffffff url(../images/btnSearch.gif) no-repeat center center;-webkit-border-radius: 0.5em;}#qSearch {display: none;position: absolute;left: 8px;top: 52px;z-index: 998;width: 290px;}#logo {left: 110px;}#banner {margin: 0 auto 0; background: url(../images/logoSmalliPhone.gif) no-repeat center center;}}/* Landscape */@media screen and (min-width: 321px) and (max-width: 480px){#wrap {width: 480px;}#header {width: 436px;}#logo {left: 270px;}#qSearch {display: block !important;}} HTML: <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ORMT: Home</title> <meta name="description" content="ORMT: Ontario Registered Massage Therapists is a network for RMTs to advertise and attract new clientel by offering a simple, yet intricate search engine to find the best RMT to suit a clients needs."> <meta name='viewport' content='width=device-width; minimum-scale=1.0; maximum-scale=1.0; user-scalable=0;'> <script src="js/iphone.js" type="text/javascript"></script> <link href='css/iphone.css' type='text/css' rel='stylesheet'> </head><body> <div id="wrap"> <div id="header"> <div id='qsButton' onclick='hideShowqSearch()'></div> <form id="qSearch" action="index.php" method="get"> <label>Find:</label> <input id="qsText" type="text" name="qsInput" value="a Therapist by Name, Skill, Location" title="Start typing than hit enter" onfocus="csText(this)" onblur="fsText(this)"> <input id="qsImage" type="image" name="qsSubmit" title="Find" alt="Find" src="images/btnSearch.gif"> </form> <div id='naviPhone' class='naviPhoned nav'><a onclick='hideShowNav()'>MENU</a></div> <ul id="nav"> <li class="current nav"><a href="index.php">HOME</a></li> <li class=" nav"><a href="about.php">ABOUT ORMT</a></li> <li class=" nav"><a href="rmts.php">OUR RMTs</a></li> <li class=" nav"><a href="involved.php">GET INVOLVED</a></li> <li class=" nav"><a href="contact.php">CONTACT US</a></li> </ul> </div> <div id='bannerMain'> <div id='logo'></div> <h3>Ontario</h3> <h1>Registered Massage Therapists</h1> <form id='mSearch' action='index.php' method='get'> <label>Find:</label> <input id='msText' type='text' name='msInput' value='a Therapist by Name, Skill, Location' title='Start typing than hit enter' onfocus='csText(this)' onblur='fsText(this)'> <input id='msImage' type='image' name='msSubmit' title='Find' alt='Find' src='images/btnSearch.gif'> </form> </div> </div></body></html> I need the menu to hover over the text. Why is it not?

The problem was the php on the server. It's all solved now.

Hey everyone, So I am confused... Why does one div have the text wrap in it, but not the second... No odd CSS... What you guys think? HTML: <!DOCTYPE html><html><head><meta charset="utf-8"><title>Susan Patterson RMT, CDT: Services</title><meta name="description" content="Susan Patterson RMT, CDT: I am therapist practicing in Toronto, Ontario, Canada. Learn about my services."><script src="js/fx.js" type="text/javascript"></script><!--[if !lte IE 7]><![IGNORE[--><![IGNORE[]]><link href="css/style.css" type="text/css" rel="stylesheet"><!--<![endif]--><!--[if IE 6]> <link href="css/ie6.css" type="text/css" rel="stylesheet"> <![endif]--><!--[if IE 7]> <link href="css/ie7.css" type="text/css" rel="stylesheet"> <![endif]--></head><body><div id="wrap"><div id="banner"><h1>Susan Patterson RMT, CDT</h1></div><div id="navWrap"><ul id="nav"><li class=" nav"><a href="index.php">HOME</a></li><li class="current nav"><a href="services.php">SERVICES</a></li><li class=" nav"><a href="faq.php">FAQ</a></li><li id="nContact" class=" nav"><a href="contact.php">CONTACT</a></li></ul></div><div id="contactBar"><h6>Book an Appointment: Tel: <a id="tel" href="tel:4168750152">(416) 875-0152</a>E-Mail: <a href="mailto:susanpatterson@ormt.ca">SusanPatterson@ormt.ca</a></h6></div><div id="content"><div id="sectL"><div id="services"></div><div id="meaning"><h3>Discover my practice:</h3><p class="indent">My name is Susan Patterson, I am a Registered Massage Therapist and Certified Vodder Combined Decongestive Therapist. I fell into this career. A fall which lead me to the most rewarding career I could ever wish for.</p><p>In 2003, I slipped and fell causing major injuries. I recovered, with the help of a Registered Massage Therapist, this experience inspired me. I went from barely able to crawl to walking upright and pain free into the Sutherland-Chan School and Teaching Clinic. By 2006, I was a Registered Massage Therapist.</p><p>It is very rewarding to have the skills to help others along their path to better health. Where it be one of recovery or prevention.</p><p>In 2009, I became a Certified Vodder Combined Decongestive Therapist. As a CDT, I help people maintain their lymphedema.</p><p>I believe it is important to constantly update my skills and learn new techniques. Presently I am trained in NISA myofascial release and cranial.</p><p>If you require treatment or have any questions about massage therapy or manual lymph drainage, feel free to read about the techniques or contact me.</p></div></div><div id="sectS"><div id="prices"><p>CONTECT ASLJFhaskjfhsdlkghaeoghawoighawoighwoighawoighwoighwoighwoighawoighwoIGHWOIAGHAWRG</p></div></div></div></body></html> CSS: /* Reset */* {margin: 0;border: 0;padding: 0;font-family: "Lucida Sans Unicode",sans-serif;}html,body {width: 100%;height: 100%;}body {background: url(../image/bg.png) repeat-x;}h1 {font-size: 200%;} h2 {font-size: 150%;} h3 {font-size: 120%;} h4 {font-size: 100%;} h5 {font-size: 80%;} h6 {font-size: 70%;}p,li {font-size: 100%;} sup {font-size: 55%;}/* Group Formatting */a {text-decoration: none;color:#a400c7;}.indent {text-indent: 2.0em;}#wrap,#banner,#picture,#info {margin: 0 auto 0;width: 900px;}#banner,#info h3,#info h4,#about h3,#about h4 {color: #622d90;}#navWrap,#content,#sectL,#sectS {overflow: hidden;}#navWrap,#nav li,#contactBar a#tel,#about,#picture {border: 1px solid #622d90;}#nav li,#contactBar a#tel {border-width: 0 1px 0 0;}#nav li,#sectL,#sectS {float: left;}#nav li,#nav a {padding: 0 5px 0;}#nav a {color: #000000;}/* Wrap */#wrap {padding: 0 10px 10px;min-height: 100%;height: auto !important;height: 100%;background: #ffffff;-moz-box-shadow: 0 0 5px #000000;-webkit-box-shadow: 0 0 5px #000000;box-shadow: 0 0 5px #000000;}/* Banner */#banner {height: 150px;background: url(../image/logo.png) no-repeat left center;display: table-cell;vertical-align: middle;text-align: center;}#banner h1 {color: #622d90;}/* Navigation */#navWrap {border-left: none;border-right: none;padding: 5px 0;}#nav {height: 25px;}#nav li {border-color: #d193df;list-style: none;display: inline-block;}#nav a:hover,.current a {background: #d193df;}#nav li#nContact {border: none;}/* Contact Bar */#contactBar {padding: 5px 0;text-align: right;}#contactBar h6 {font-weight: normal;}#contactBar a#tel {margin: 0 5px 0 0;padding: 0 5px 0 0;}/* Content */#sectL {width: 620px;}#sectS {width: 280px;}#profile {padding: 0 9px 0 0;}#picture {width: 150px;height: 150px;border: ridge;}#info {width: 271px;padding: 10px 0;}#about {border-width: 0 0 0 1px;padding: 10px;}#about p {padding: 10px 0 0 5px;}#services {height: 100px;}#prices {height: 500px;} Thanks for any help.

Problem Solved... Guess what it was... Still haven't got it... Trust me I never would have if I did not start from scratch! So it seems the input with the image was causing everything to be pushed down... I solved it by simply telling it to float right. Question still stands... Why does this fix it? What is the input with the image doing to push the content down? Thanks for the input

Is that border 5px? Cuz thats how much its being pushed down... What browser you using? Any ideas how to fix that? What you see at the top is the space being pushed down, the bottom is what I want it to look like... How can I stop the push?

So your saying that on your browser its not being pushed down like that? (ignore the blue, its just me outlining the element) Or are you saying that its being pushed down by a form border?

<!DOCTYPE html><html style="height: 100%;"><head> <meta charset="utf-8"> <title></title></head><body style="height: 100%;"> <div style="width: 100px;min-height: 100%;height: auto !important;height: 100%;border-right: 1px solid #000000;"> <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul> </div></body></html>

Here is what I see in Safari: Checked FF too, same... I did not put it here, but I have it doing the * stuff. Still does it.

Hey everyone, Not sure if this better suits HTML or CSS, but CSS did solve the problem so here we go. I have a simple search field:HTML: <form id="qSearch" action="index.php" method="get"><label id="qsLabel">Find:</label><input id="qsText" type="text" name="qSearch" value="a Therapist by Name, Skill, Location" title="Start typing than hit enter" onfocus="clearText(this)" onblur="ftSearch(this)"><input id="qsImage" type="image" name="qSearchSubmit" title="Find" alt="Find" src="images/btnSearch.gif"></form> CSS: #qSearch,#qsLabel,#qsText,#qsImage {position: relative;}#qSearch {border: 2px solid #e7e5e5;padding: 5px;background-color: #ffffff;padding: 0 5px 0;width: 290px;}#qSearch,#qsLabel,#qsText {height: 30px;}#qsText {left: -2px;width: 215px;}#qsImage {top: 3px;} Now this is my tweaks, not the fix which I did do, so I am not looking for a solution, but a explanation. Why does the #qsText input field get pushed down? I don't get it...