floating layouts

[danm68]

Hi, someone i know said something about floating layouts are really good to know..and I think i get floats...but still im confuzzled..if somebody could tell me something about floats or point me to a good tutorial or website for it then thanks alot .My problem is that the left nav menu is where i want it..and i was planning on having the content on the right and run down until empty or what not...except when it passes the space next to the left nav...it continues under the nav menu..so thats really annoying and im not quite sure how to get that working. So I'll fiddle around with it, and if i find something that works ill say so, so that ppl dont waste their time.

[devzero]

Try wrapping the content in a table: <table><tr><td><!-- Main Content--><div id="content">

[danm68]

Well actually...i did fiddle around with it..i used relative positioning with the main content part and negative positioning (not sure if its a good idea...but) because when i had zero pixels for top positioning of content it sat below the links..but the right distance away from the side of the left side..if you get what i mean..so i thought it would bump up next to it nice and cozy..but instead it doesnt..so instead of adding..i take away! and it worked..but now IE6 has just screwed up the link hovering and borders..ill upload it on the original link at top of page if you wanna see it.sorry for rambling on but i just have to get this out! lol i've been trying all week to get it happening..but nothng..so now i have progress..Does anyone know why IE6 is eating it up? Or any hacks to fix it :?Thanx for the answer dev. If you could answer this as well that'd be great ;p.

[devzero]

Well actually...i did fiddle around with it..i used relative positioning with the main content part and negative positioning (not sure if its a good idea...but) because when i had zero pixels for top positioning of content it sat below the links..but the right distance away from the side of the left side..if you get what i mean..so i thought it would bump up next to it nice and cozy..but instead it doesnt..so instead of adding..i take away! and it worked..but now IE6 has just screwed up the link hovering and borders..ill upload it on the original link at top of page if you wanna see it.sorry for rambling on but i just have to get this out! lol i've been trying all week to get it happening..but nothng..so now i have progress..Does anyone know why IE6 is eating it up? Or any hacks to fix it :?Thanx for the answer dev. If you could answer this as well that'd be great ;p.

Could you post example code or link to an example? Not sure i understand the problem

[danm68]

Could you post example code or link to an example? Not sure i understand the problem

Yeh sorry, didn't know you were watching this actively its the same link as up above..but ill put it up again:http://www.freewebs.com/halt/melb-cent.htmIf that doesn't work...then just go freewebs.com/halt and you should get a link.Ok , the problem is (i cant post code as its the way IE6 interprets CSS coding, ill validate my pages [xhtml and css.] as well just to make sure its the browser and not me.) that internet explorer doesnt display the page the same was as in firefox or opera. (which i have tested both, which is why i listed those particular couple). Im almost dead sure that its IE6 fault..so im looking to see if hacks can be applied to make it better. well otherwise...hopefully your skill and expertise swipe this problem where the sun dont shine --EDIT: Ok this is weird and ######..the page in question is displaying differently on the internet from a website then on my browser from a localhost. Why???K scratch the above..i think i changed the css file as well. so yeh i updated so i think there good now.

[devzero]

Yeh sorry, didn't know you were watching this actively its the same link as up above..but ill put it up again:http://www.freewebs.com/halt/melb-cent.htmIf that doesn't work...then just go freewebs.com/halt and you should get a link.Ok , the problem is (i cant post code as its the way IE6 interprets CSS coding, ill validate my pages [xhtml and css.] as well just to make sure its the browser and not me.) that internet explorer doesnt display the page the same was as in firefox or opera. (which i have tested both, which is why i listed those particular couple). Im almost dead sure that its IE6 fault..so im looking to see if hacks can be applied to make it better. well otherwise...hopefully your skill and expertise swipe this problem where the sun dont shine --EDIT: Ok this is weird and ######..the page in question is displaying differently on the internet from a website then on my browser from a localhost. Why???K scratch the above..i think i changed the css file as well. so yeh i updated so i think there good now.

Don't have much more time to fiddle now, but i can give you a couple of hints: 1: Make sure there are no whitespace beside the image link. Explorer adds some of that whitespace to the page: <div id="mainhead"><a href="http://www.freewebs.com/"><img id="headerimg" alt="Melbourne Central Logo" src="melb-cent_files/header.jpg"></a></div>2: I'm not sure explorer understands your way of refering to colors (#FFF/rgb(240,240,240) for example) try changing it to using the standard 6 hex way. (#ffffff) or named colors (white/black). 3: One of the "double" lines in your #headlinks is disapearing because its to close to the black content (set bakcground color to white to se what i mean). Use 2 div tags to get the same effect, using margin on the inner one to get a px space between. <div style="border-top:double black 3px"><div style="margin-top:1px">...Good luck.

[danm68]

OK thanx for that..i change most of the colours, except for the rgb(240,240,240).I think the borders dont display because of IE6's css support..it kinda munches it up..and i didn't quite get what you meant by the double divs and such..if you could explain that further then thanks. And i dont think the double borders are disappearing in the background which is black..because those borders are white..so they should stand out against a black background..so yeh i thinks its IE6. Im thinking of trying absolute positioning but if that doesn't work then ill try this way once again..so thanx for the help once more

[danm68]

Ok dont worrry, absolute positioning looks decent in IE6 so it'll do the job, thanks devzero for your time.