16 replies [Last post]
Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

http://www.arach.net.au/~dsamardzic/nextworks/ is a page i'm working on.
The popup menu looks fine in IE and Firefox. I'm using left: -5px to make the popup part of the menu display directly underneath the menu items, and IE and Firefox render that perfectly. However, Opera places it -5 px from the left hand side of the viewport.
Is there a hack i'm missing from my code to get it to work?
Here is the link to the css: http://www.arach.net.au/~dsamardzic/styles/global.css

Thanks for your help,

Dan.

Also i wouldn't mind some comments on the design so far either please Laughing out loud

I am Dan, Dan I am.

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

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.

I am Dan, Dan I am.

_janim
Offline
Regular
phinland
Last seen: 17 years 16 weeks ago
phinland
Joined: 2004-06-08
Posts: 22
Points: 0

Opera causing trouble again ..

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

Please Provide a link to your code/site. If you can't, then please at least provide the HTML & CSS together.

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Opera causing trouble again ..

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.

I am Dan, Dan I am.

_janim
Offline
Regular
phinland
Last seen: 17 years 16 weeks ago
phinland
Joined: 2004-06-08
Posts: 22
Points: 0

Opera causing trouble again ..

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?

Please Provide a link to your code/site. If you can't, then please at least provide the HTML & CSS together.

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Opera causing trouble again ..

Great worked like a charm!

Thank you very very very very much Laughing out loud
Very appreciated.

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

Thanks again,

Dan.

I am Dan, Dan I am.

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Opera causing trouble again ..

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.

I am Dan, Dan I am.

_janim
Offline
Regular
phinland
Last seen: 17 years 16 weeks ago
phinland
Joined: 2004-06-08
Posts: 22
Points: 0

Opera causing trouble again ..

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.

Please Provide a link to your code/site. If you can't, then please at least provide the HTML & CSS together.

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Opera causing trouble again ..

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 am Dan, Dan I am.

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Opera causing trouble again ..

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.

I am Dan, Dan I am.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 16 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Opera causing trouble again ..

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

Hope that helps

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Opera causing trouble again ..

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.

I am Dan, Dan I am.

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Opera causing trouble again ..

This is really beginning to puzzle me. I've tried the help that you guys have gave ( helped in some areas btw thanks Smile ) 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.

I am Dan, Dan I am.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 16 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Opera causing trouble again ..

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

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Opera causing trouble again ..

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 am Dan, Dan I am.

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 13 years 26 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Opera causing trouble again ..

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

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.

I am Dan, Dan I am.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 16 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Opera causing trouble again ..

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

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