johneva

Nicely put fella I am tired of people squeeling about CSS layouts just cos they carnt be bothered to learn something new.Makes you wonder why they are even in this trade really as things in this trade are changing all the time.I am supprised people with this opinion even use computers, I mean what was wrong with the type writer A?

If you give the nav div a set width and then give the content div a margin-left to align it that will work best.Cos there is no need for the nav div to change size and doing it this way the content will then takeup what ever is left over.Like in the tutorial I gave you a link for.

You carnt not by doing what your doing cos the overall width is to wide.You have set the width of your container to 100%You have set your nav div to 20%and your content nav to 80%So when your nav div is forced wider the two are then wider than the div containing them so it is forced to the next line.Thats what I would say anyways but I am still new so dont take my word for it.Thanx John

Thats just not true if you know what your doing then divs do work and much better than tables do.The problem comes in that because people are still changing over from tables to div people have to learn how to do it.99% of the people with your opinion on tables over divs just dont know CSS to a high enough level to make it work. If you take the time to learn CSS to a good standard then you wont have a problem with them as you know what can and carnt be done.As stated before tables have there use and that is what they should be used for not for layout of your whole site. There are so many reasons for this and I am tired of going over the same topic over and over in the diffrent forums I use really.If you like using table then do so but dont go round telling people who want to learn the correct way that they are doing wrong.Thanx JohnEDITSorry yeah I was just writing this message when you made your.

HiRight I see what your saying.This must be something to do with the rest of the pages coding though as it works fine if you use the coding I gave you on a clean page with nothing else on it.I dont know why it is doing it though sorry.I dont use tables at all for layout so carnt say for sure, but I would say it has got to be something to do with using tables at a guess cos there aint much else for the rest of the page.To be fair I am supprised you are using the suckerfish menu when the rest of the site is using such old coding methods, tables should not be used for layout and all your styles should be in CSS not in with you HTML/XHTML.I would probley suggest looking into redoing it using CSS but one of the others maybe able to tell you just why it is doing what it is, but I carnt I am quite new myself.Thanx John

The class id is telling your browser what the object is.As object can be used for many many diffrent things.

Oh yeah so it has good job I dont use it then.

I use www.evohosting.co.uk I have got one of there micro plans for £25 a year including a free domain name but there are loads out there.When you sign-up they give you your FTP details and C-Panel details all hosts are dead easy to use really.

You will find it is something to do with using geocitys for your host I rekon.They often cause such problems.You do know you will never get your site valid while you use geocitys for a host anyways as the coding they use for there advertising is not valid.I dont know if you can afford it but I would highly recommend getting a small paid hosting account there are some really cheap great deals out there.Works fine in Firefox by the way.

AhhhhhI to did not know that either.I am new I have only been playing around with web design for about 8 months, I have only been using computers for 14 months.So everyday is a massive learning curve for me.Two years ago before my car accident I was a car mechanic and did not know how to use a computer at all.But cos my neck and back injury I have been learning how to use computers I wont bore you no more anyways.Though it is all in my website if you check it out.

AhCool I did not know they plan on bringing it back for CSS3.Also your best of using that script boen_robot has gave a link for if your gonna use javascript to resove this issue, as it will work better.

W3C say that it should be down to the user to make the option of opening in a new window and not the website designer so there is no replacement. Though you can use javascript to get round it but would advise against it myself. <a href="http://www.w3.org/" onclick="window.open(this.href); return false;">W3C</a> Here is an article on why.

Height: 100% does not work with floats though so if your layout depends on floats that wont work.That is why there is something called faux coloumns.

The other two options are better for certain things but another option is if you use Dreamweaver you can use the Dreamweaver template files.

Your right for 99% of people having the sticky would not work, but at least it saves searching to direct them to a previous post that is simlar as you could just direct them to the sticky.

Hate to be fickle if that is the term but you did say. And no I carnt see them doing away with the style attribute.

Using <center> or <div align="center"> are both already depriciated.W3C some depriciated tagsThough you can still use <div style="text-align: center;">But generally external style sheets are the way to go.Unless the style is a one of in the whole of the site even then I prefer to just give an id to the element, that way all the styles are in there right place the CSS file.Thanx John

You need to adjust your margin-left in this bit. I found 10.85 worked about right. <?xml version="1.0" encoding="iso-8859-1" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title>Example</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">body { font-family: Arial, Helvetica, sans-serif;}#nav, #nav ul { /* all lists */ padding: 0; margin: 0; list-style: none; float: left; width: 11.00em;}#nav li { /* all list items */ float: left; line-height: 1.75em; margin-bottom: -2px; width: 11.00em;}#nav li ul { /* second-level lists */ position: absolute; left: -999em; margin-left: 10.15em; margin-top: -1.75em;}html>body #nav li ul { /* IE hack for margin */ margin-left: 10.85em;}#nav li ul ul { /* third-and-above-level lists */ left: -999em;}#nav li a { width: 13.50em; display: block; color: white; font-weight:bold; text-decoration: none; background-color: #000086; padding: 0 0.5em; font-size: 12px;}#nav a.daddy {background: url(rightarrow2.gif) right no-repeat;background-color: #000086;}#nav li a:hover { color: white; background-color: #466ca2;}#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: auto;}</style><script type="text/javascript">sfHover = function() {var sfEls = document.getElementById("nav").getElementsByTagName("LI");for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); }}}if (window.attachEvent) window.attachEvent("onload", sfHover);</script></head><body><ul id="nav"><li><a href="index.html">Home</a><li><a href="company.html" class="daddy">Company Overview</a> <ul> <li><a href="history.html">History</a> <li><a href="partnership.html">Partnership Philosophy</a> <li><a href="industry.html">Industry Knowledge</a> <li><a href="privacy.html">Privacy Policy</a> <li><a href="financial.html">Financial Alternatives</a> <li><a href="testimonials.html">Testimonials</a> <li><a href="directions.html">Directions/Map</a></ul> </li> <li><a href="products.html" class="daddy">Products & Solutions</a> <ul> <li><a href="overview.html">Overview</a> <li><a href="mbscore.html">MBS Core Software</a> <li><a href="mbsdocument.html">MBS Document Imaging</a> <li><a href="check.html">Check Image System</a> <li><a href="it.html">IT Security Solutions</a> <li><a href="optional.html" class="daddy">Optional Software</a> <ul> <li><a href="third.html">Third Party Vendors</a> </ul> <li><a href="asset.html">Asset/Liability Managment</a> <li><a href="profit.html">Profit Planner/Budgeting</a> <li><a href="platform.html">Platform Banking</a> <li><a href="network.html">Network Solutions</a> <li><a href="archive.html">Archive Storage</a> <li><a href="database.html">Database Query & Reporting</a> </ul> </li> <li><a href="support.html">Support Center</a> <li><a href="educational.html" class="daddy">Education Oppurtunities</a> <ul> <li><a href="mbsonline.html">MBS Online University</a> <li><a href="training.html">Training Meetings</a> </ul> </li> <li><a href="news.html" class="daddy">News /Events /Caldendar</a> <ul> <li><a href="press.html">Press Releases</a> <li><a href="trade.html">Trade Shows and Conferences</a> <li><a href="seminars.html">Seminars</a> <li><a href="directions.html">Directions/Map</a> </ul> </li> <li><a href="careers.html">Careers</a> </li> <li><a href="contact.html" class="daddy">Contact Center</a> <ul> <li><a href="request.html">Request Information</a> <li><a href="update.html">Update Bank Profile</a> </ul> </li> </ul><body></body></html> Also I put the CSS in its own external file and also do the same for the javascript too.Hope that sorted ya out.

Why dont ya use a fixed width for the nav?Like in this CSS 2 column liquid layout.Hope that helps.

It would be better if you gave a link to the page that is not validating, as a lot of the time it is not what is showen that is the error it is sometimes the stuff that comes before it.

Ah cheers for that.

Cheers dude your a star!!!

Well frames cause more problems than they fix dont use um.I have seen people say you can use PHP to get the same affect but without all the problems that come along with using frames.Dont know how to do it though.

Cheers for that. Do you know how to do it the otherway around so it dont display for IE?Just otherwise in IE it will still display twice one that works and one that dont.Thanx John

I still carnt get this to work in both browsers.How do I make it so it uses one code for Internet Explorer and another for Firefox, Netscape and Opera?This works in FF Netscape and Opera. <object id='mediaPlayer' data="Video/hayabusa-turbo-wheelie.wmv" standby='Loading Microsoft Windows Media Player components...' type='type="video/x-ms-wmv"'> <param name='fileName' value="http://www.johneva.playingwithpsp.com/Video/hayabusa-turbo-wheelie.wmv" /> <param name='animationatStart' value='true' /> <param name='transparentatStart' value='true' /> <param name='autoStart' value="true" /> <param name='showControls' value="true" /> <param name='loop' value="true" /> </object> This one works in Internet Explorer. <object id='mediaPlayer' data="Video/hayabusa-turbo-wheelie.wmv" classid='clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701' standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'> <param name='fileName' value="http://www.johneva.playingwithpsp.com/Video/hayabusa-turbo-wheelie.wmv" /> <param name='animationatStart' value='true' /> <param name='transparentatStart' value='true' /> <param name='autoStart' value="true" /> <param name='showControls' value="true" /> <param name='loop' value="true" /> </object> Hope you can helpCheers John