CSS New Line Problem in Firefox

Works fine in my firefox.

You do have some css and HTML errors though that I would check out.

Here's the image of the problem : http://www.jmsoan.com/web3/Problem.jpg

OK, well the flash menu on th old site.....   Are you using the TEXT as the HIT AREA for the buttons???  It looks like you are..

As far as the new, I do not get the resize problems either.

I think the problem is (WAS) you did NOT have the scroll bar at the TOP of the page when you did a resize.  I pulled the scroll bar to the bottom and then did a resize and duplicated the problem.

> OK, well the flash menu on th old site.....   Are you using the TEXT as the HIT AREA > for the buttons???  It looks like you are..

Yes :D

> As far as the new, I do not get the resize problems either.

So what do you think is the problem? I'm using the latest stable 1.5.0.3

> I think the problem is (WAS) you did NOT have the scroll bar at the TOP

It seems on the top : http://www.jmsoan.com/web3/design.css

I see the proplem now.  I misunderstood the original question.  The problem is with the body-upper div.  You have it set to relative but not properly telling it where to go

> You have it set to relative but not properly telling it where to go

Is this not enough ?

#body-upper {
      position:relative;
      margin-left:auto;
      margin-right:auto;
      width:640px;
      height:400;
      z-index:auto;
      background-color: #000000;
      color:#FFFFFF;
}

Add Top: -100% to the body-upper div.  That should get you started.

Of course IE will have issues with that so add this to your HTML

<!--[if IE]>
<style type='text/css' media='all'>

#body-upper,
#body-lower { {
      Top: 0;
}

</style>
<![endif]-->

After adding Top: -100% to the upper and lower divs in the css file.

> Add Top: -100% to the body-upper div.  That should get you started.

I playes with it just now and it doesnt seem to work? it just removed the whole div.

Hmm..  I just copied your html and CSS, made the changes and it looked like it worked. Take a look at http://www.boundlesswebhosting.com/T.php.  (I did not upload the images.

There's a flash file with it I guess thats why it doesnt work, #banner is the flash.

Ok, I have flash disabled on my browser so I did not see that.  You should be able to do the same thing that you did to the upper and lower divs to the banner div.

with top:-100% all disappeared :( except it shows the last div.

All disappeared in firefox or IE?  did you add the Top: 0; for IE:
#banner,
#body-upper,
#body-lower { {
     Top: 0;
}

I guess this is the only problem :

#body-glow {
      position:relative;
      margin-left:auto;
      margin-right:auto;
      width:800px;
      height:100%;
      z-index:auto;
      background-image:url(Table.png);
}

Because it doesn't seem to extend at the bottom of the page?

Do you have a screenshot of that.  It is extending to the bottom of the page for me.

Here's basically what I'm doing :

1. Create a div that will extend at the bottom of the page w/ a glowing body highlight.
    for it to extend I tried this :

#body-glow {
     position:relative;
     margin-left:auto;
     margin-right:auto;
     width:800px;
     height:100%;
     z-index:auto;
     background-image:url(Table.png);
}

also at the body I added :

body, html {
      height: 100%;
      padding: 0px;
      margin: 0px;
      scrollbar-face-color: #315594;
      scrollbar-highlight-color: #315594;
      scrollbar-shadow-color: #FFFFFF;
      scrollbar-3dlight-color: #FFFFFF;
      scrollbar-arrow-color:  #FFFFFF;
      scrollbar-track-color: #B4C0D8;
      scrollbar-darkshadow-color: #666666;
}

However it doesn't seem to extend to the bottom when I resize firefox to 1/4 of my screen?

Ok I was able to fix it my just using:

#body-glow {
      position:relative;
      margin-left:auto;
      margin-right:auto;
      width:800px;
      min-height:100%;
       z-index:auto;
      background-image:url(Table.png);
}

However it doesnt work in IE the glow part now doesn't extend to the bottom in IE
any work arounds?

I dont want to use any if IE I want pure CSS thanks.

Well, as I said before It works just as you described for me.  Without being able to duplicate the problem, I don't think I can be of more assistence.
  Bobby

awk. it's a windows server...

against my better judgement, i went there anyway....

HTTP/1.x 500 Internal Server Error

Server: Microsoft-IIS/6.0
X-Powered-By: ASP.NET
MicrosoftOfficeWebServer: 5.0_Pub


get a real server and then i'll try again. please see www.debian.org for a fix.


;)

woops. wrong window. sorry boys. ;)

heh. not the first time i've done that.. oh, well...


regarding: http://www.jmsoan.com/web3/

in *my* firefox, i can't see the header flash (the player at the bottom does, though), but everything else looks fine.

Ok I'm done fixing it using an IE hack plus see my solution at :
http://jmsoan.com/web3/design.css

#Internet Explorer#
#body-glow {
      position:relative;
      margin-left:auto;
      margin-right:auto;
      width:800px;
      height:100%;
       z-index:auto;
      background-image:url(Table.png);
}

#Mozilla-Firefox#
#body-glow {
      position:relative;
      margin-left:auto;
      margin-right:auto;
      width:800px;
      min-height:100%;
      padding-bottom:0%;
       z-index:auto;
      background-image:url(Table.png);
}