Opera causing trouble again ..

Also, i can now see the 3px jog problem in my text. I tried the work around that was posted in these forums somewhere, but i couldn't get it to work .. can anyone help me with this problem too?

Thanks (again),

Dan.

The menu didn't work with my Opera 7. With Opera 7.5 it was fine and looked good.

Are you use you applied the 3px jog fix correctly?
http://www.positioniseverything.net/explorer/threepxtest.html

I thought i did. But maybe not. If you could give me an example of how i should do it with my code that would be great.

Ok,

I changed
<div style="margin-left: 170px; margin-right: 170px;">
to
<div id="bodytext">

and added the following styles for div#bodytext

div#bodytext {
margin-left: 170px; 
margin-right: 170px;
}
/* IE-win \*/
 
* html div#bodytext {
  height: 1%;
  margin-left: 167px;
  }
 
/* End IE-win */

So now IE-win gets a height declaration for div#bodytext which disables the jog and then the additional 3px left margin is eliminated by applying a 3px narrower value to it.

Is this clear?

Great worked like a charm!

Thank you very very very very much
Very appreciated.

Not sure what i did wrong but whatever you did fixed it.

Thanks again,

Dan.

um sorry about this, but i've found another problem. Specifying height: 1% stops mozilla from stretching out the divs and so the content overflows out of the main part of the page. I tried playing with the overflow attribute but to no avail.

Are you sure?

I tested the site with Firefox 0.8 and Mozilla 1.5 and nothing overlaps.
The hack should only affect IE-win browsers.

Well on my firefox, the content just spills out into the grey at the bottom when the content gets too large for the div.
I've re-uploaded it with the changes you showed me in case you haven't seen it yet.

Maybe i put something in that might have stuffed it up.

I'm not sure why it's spilling now. i take out all the styles we added and it still overflows the white when i resize the window. I must have missed this bug when i originally made it.

Hi Fruitcake,
Try using min-height:100%; instead of height:100%; on html,body

Hope that helps

thanks Tony that fixed the spillage problem but now when i onle have a few lines of content the site is no longer 100% height.

I tried setting them all to min-height: 100% but that also did nothing.

This is really beginning to puzzle me. I've tried the help that you guys have gave ( helped in some areas btw thanks ) and i've checked out tutorials, cut up my code, sewed my code back together and nothing seems to fix it. I'm now back to where i started at arach.net.au/~dsamardzic/nextworks/.
Still content spills in Firefox and Opera ( see image ).
If anyone else is willing to give it a go i would really appreciate it. Sorry for all your guys who i am bothering for the millionth time about this.

Thanks,

Dan.

Hi Fruitcake,
Height is still set at 100%; which is 100% of the screen not page.
If you give IE any height it will expand the box to fit the content.
Mozilla will let the content spill out of the container.
So try giving mozilla min-height and IE height.

min-height:100%;
/* IE Win only \*/
height:100%;
/*end hack */

Check that the containers of floats are cleared.
http://www.csscreator.com/attributes/containedfloat.php

oh ok i must have implemented it wrong.

Though for some reason, firefox is reading the height 100% that is specified for ie only.

i'm yet to add the stuff from the link though so i'll see how i go.

Thanks for your patience.

I tried some stuff out. Mozilla just refuses to see it my way

Perhaps i should start again.

oh yeah btw i haven't been uploading my attempt just testing them locally, so my comments about what i edited in the code are not reflecting on what's up on the webspace.

Hi Fruitcake,
Woops I made a mistake, it should have been.

#wrapper0{min-height:100%;}
/* IE Win only \*/
* html #wrapper0{height:100%;}
/*end hack */