...

View Full Version : Absolute positioning layout question



Spankinator
08-25-2005, 03:05 PM
Could someone help me? My site works in FF but not in IE yet. Go to www.matrixti.com/test2/index.html. (in FF) Sometimes there is not enough content to push the bottom bar all the way to the bottom. I want to know how to make that bottom bar always appear at the bottom, and not in the middle like on pages that don't have enough content.

I absolute positioned the footer at the bottom, and that worked, but my center content didnt expand all the way down, and I lost my side images, even though i have the height set at 100%. Here's a pic of what happened when I abs positioned the footer.

Is there any way I can get the bottom bar at the bottom without absolute positioning it. It seems to screw everything up when I abs pos. it. :eek:
Thanks!

Tristan Gray
08-25-2005, 03:11 PM
I don't get why you are using absolute positioning so much. The easiest way to get a footer to work is using floats but that requires your elements to not be positioned absolutely. Generally absolute positioning causes a lot of problems and I find it is easier to design using other methods (namely floats).

Anyway, if you try redoing it without absolute positiong it would work something like this:

#leftcolumn {
width: blah.px;
border: 1px solid #blah;
float: left;
}
#centercolumn {
width: blah.px;
border: 1px solid #blah;
float: left;
}
#rightcolumn {
width: blah.px;
border: 1px solid #blah;
float: left;
}
#footer {
clear: both;
etc
}

Spankinator
08-26-2005, 03:51 PM
Ok. I got almost everything working in Internet Explorer by using a little bit of Javascript that I found, and some conditional comments. I can't figure out how to make the rollover menu's appear underneath instead of on the right side though. I only added the conditional comments to index.html, so if you try to go to the other links, they will look like they did before without them.

Does anyone know what I can add to my conditional comments to make the menu's appear below when you rollover the headings instead of to the right?

I saw a couple of sites layout their page the way I have, setting a specific width for the center column. I'm not really absolute positioning the layout, just setting a specific width to the divs. After the site works this way I will eventually change it to the way you said Tristan. I'd like to see that happen eventually but I need to have most of it working today. :o I guess I made this post with the wrong title. Oops.

Anyone know how to keep the bottom bar at the bottom when there is little content on the page, such as the mainpage index.html? Without making it look like the graphic I attached?

Spankinator
08-26-2005, 10:24 PM
Anyone???

Spankinator
08-29-2005, 01:39 AM
... ok?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum