2 replies [Last post]
bassa
Offline
newbie
Last seen: 9 years 33 weeks ago
Timezone: GMT+1
Joined: 2008-10-08
Posts: 11
Points: 4

Hello!

I have been trying to work out a problem of mine for a few hours now, and it's driving me mad 'cause I just cannot seem to solve it.

The containers are looking good, although my text container seems to span the height alot, so that even on my high 1920x1200 resolution, I have to scroll down to see the footer.

Below the big image, the main content of all seperate pages begin.

I am wanting to get the main content container (a div id container that includes the submenu on the left, the headline and the text area with smaller images) to span to the bottom regardless of browsers and/or resolution, and then the footer div id at the bottom, with a little spacing between the two to keep them seperated in the design.

Looks like this: http://www.froso.dk/test/index2.html

I finally got it worked out so that the entire white area of the whole webpage hits the bottom of each page, but now it's too long, and seems to span far beyond necessity?

Cheers,
Bassa

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 13 hours 22 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9767
Points: 3849

Trying to make a web page

Trying to make a web page 100% height is nearly always a Bad Thing®.

In body, remove

height:100%;
position:absolute;
text-align:center;
text-decoration:none;
In #maincontent,
add
 
overflow:hidden;
 
and remove
 
height:100%;

See enclosing float elements.

There are a number of things you could do to simplify your markup and css, but we'll deal with them in another thread. Get rid of all that Dreamweaver javascript, i.e the MM_* stuff. You probably don't need it, and if you do, there's better scripts than that crap for code.

I don't know what your other javascript does. Odds are it's better done server-side.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

bassa
Offline
newbie
Last seen: 9 years 33 weeks ago
Timezone: GMT+1
Joined: 2008-10-08
Posts: 11
Points: 4

gary.turner wrote:Trying to

gary.turner wrote:

Trying to make a web page 100% height is nearly always a Bad Thing®.

LoLz! Bad Thing as a registered trademark. That was funny, I will definitely be remembering that one.

gary.turner wrote:

There are a number of things you could do to simplify your markup and css, but we'll deal with them in another thread. Get rid of all that Dreamweaver javascript, i.e the MM_* stuff. You probably don't need it, and if you do, there's better scripts than that crap for code.

Yeah, I know. I have just converted myself into stylizing my webpages using mainly CSS (moving away from table-based layouts, you know the drill), and have been going at it notoriously for the past few weeks.

The help you provided me with above, though, was essential and was the closest thing to a perfect solution that I have been looking for. I had asked other experts on how to do this, and they actually told me to insert the lines you told me to remove, so.

But anyways, I am hoping that I will be able to resort back to this highly effective forum when I need more help, because I surely will.

gary.turner wrote:

I don't know what your other javascript does. Odds are it's better done server-side.

Might be true, yes. The Facebox and Lightbox scripts essentially do the same. My problem is, though, that Facebox does what I need to do, whereas Lightbox provides the visual attractiveness in doing so.

I am using Facebox to show larger versions of thumbnail images that will be added to other pages, and to show external .html files in a "floating" window (for instance, when a user wants to use the 'Tell A Friend' button located in the grey toolbar just below the big image.

Lightbox essentially does the same as Facebox, just that it looks more appealing and visually attractive when doing so. Also, I haven't found out yet whether or not the Lightbox javascript allows to show external .html files, which is kinda essential atm.

That said, I have still to find out whether these scripts (and the whole website, actually) renders well and without problems in other browsers than IE.

I am looking to make the website compliant with at least IE6, IE7 and Firefox. Perhaps Netscape Navigator, Safari and Opera needs to be taken into consideration as well, but I haven't yet investigated how big a percentage the average internet user uses these other three browsers.

Thank You, Gary!

Cheers,
Bassa