Sane

There must be some default values that cause the setup I have to appear differently on different browsers.

I have two DIVs on float:left, taking up about 3/4 of the screen, then one more DIV on float:left with an undefined width to take up the remaining 100%.

- If I fill in the width to exactly 100%, it'll sometimes go past the screen's width and sometimes under the screen's width (Firefox).
- Left with an undefined width, my nav-bar and the furthest most column will not extend all the way to the right (Firefox).
- Toggling the containers hidden will change some of their widths (Internet Explorer).

http://saney.ath.cx:8080/vle/

If someone could point me to the correct CSS, I'd be glad.

DaWei

I could be mistaken, but I don't think there is a correct CSS that will work cross-browser (when IE is in the mix). IE has some issues regarding the various parts of a bounding box. I'd also recommend you not attempt anything that works at one window size and one resolution. For me, at least (admittedly a non-expert), this means tossing some goals when I put the page up in several browsers, grab the corner, and yank its area all over the place. Changing the relative text size can sometimes turn you gray, also, if you expect perfection and used a lot of non-relative font sizers.

__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code.
Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers

Sane

Hmm... so is that to say I should switch back to the idea I've heard you criticizing recently-- the usage of tables for layouts rather than tabular data?

Ooble

Why are you floating everything to the left? Float the left sidebar to the left, the right sidebar to the right, and leave the middle section as a normal block - just bump up the margins so it doesn't overlap the other blocks.

__________________
Me :: You :: Them

DaWei

Don't tell anyone, but I have done that when all else fails. Incidentally, the blather generally runs, "Tables are for tabular material", and that's quite true. Columns, however, ARE tabular material. Often, there's only one row, but still, there you have it. You may have also seen me mention that I think it's silly to replace a table with divs that have the table, table-row, and table-cell attributes. Somebunny already accomplished that with a table, and the tables generally work cross-browser. IE doesn't even recognize the table-row attribute.

Regarding Oobles remark, floats don't work precisely the same way in IE as in Firefox, either. It also brings forth the question of how to control the widths and still withstand jerking around without blowing the presentation clear out of the water.

__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code.
Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers

Sane

Yay! Your suggestion worked well Ooble. Just one problem now: collapsing all the containers still changes their widths. I think it inherits the width influenced by the text rather then the percentage when the display is set to none. !!!

Ooble

Mind explaining what you mean? I don't follow... it seems to be working fine...

__________________
Me :: You :: Them

DaWei

Okay. Da shin bone is connectedtada ankle bone. Da ankle bone is connectedtada foot bone. Da footbone is connectedtada toe bone. Dis is da word of da Lord.

__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code.
Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers

Sane

@DaWei: ROFL!

@The Penguin: Toggle all the containers to hidden (the blue arrows). You'll see the widths of them change once you collapse a certain number. It might only be Internet Explorer, not sure.

DaWei

I'm sorry to dilute your thread, Sane, it just popped into my weird-bone head and I hadda do it.

__________________
Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code.
Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers