3 column layout

[mathew.er]

Hi,
I have a problem in which I have failed to find a working solution.
I need non javaScript way to accomplish this output:

http://www.mumu.cz/liska/web/layout.PNG

Thanks for your help :)

[Theros]

Thats well, not too bad. But, do you want use to program it for you? Well, for one use CSS, only prob is u cant use Faux columns since ur two right and left are auto, altough I see no reason why they are. I mean why are those two strechable width wise when the middle isnt. Makes no sense to me.... Id just use percents and do like oh, 70%, 15%, 15%..... Then u could use faux column s and everything would be super easy :)

Oh, and what about the header?

[mathew.er]

well, look at it here: http://www.mumu.cz/liska/web/index.php

the problem is I need two different backgrounds on the sides. I found a solution that I used but its not realy the best way... I cant stretch footer to 100% width, gap between backgrounds is visible when content not fully loaded and so on...

[Theros]

woah, that site is werid....... Well, never tried that before, usually I just stick within the site itself.. hmmm

[Jeff Wheeler]

Err, this is the closest I could come:
http://nokrev.com/dump/kirupa/mathew-demo.html

It uses two different background images. One on the left, and one on the so you can change each other. I couldn't get the center one to be stuck at a certain width.

[mathew.er]

@Theros: whats so wierd about it?

@nokrev: Thanks, but I didnt also find any example, where you can have fixed width of the center div. :( Seems Ill have to go with javaSript... it will have to be there anyway, for that temperature etc. but I didnt want to use javaSript for layout.

[Lord Rahl]

Hi, I am not sure if this helps. But I was trying to do something similar recently and remembered a way to do this with tables that I found to be more simple than anything else I tried. It works like this.


<table border="0" width="100%" cellpadding="10">
<tr>
<td width="50%" valign="top">
Here is the first 50%.
</td>
<td width="50%" valign="top">
Here is the second 50%.
</td>
</tr>
</table>

The way you want it is something more like this.


<table border="0" width="100%" cellpadding="10">
<tr>
<td width="25%" valign="top">
Here is the first 25%.
</td>
<td width="50%" valign="top">
Here is the middle 50%.
</td>
<td width="25%" valign="top">
Here is the second 25%.
</td>
</tr>
</table>
Now I can add whatever I want down here which will be below the tables.

[Jeff Wheeler]

Uh, who uses tables for layout? :P

It doesn't even come any closer than mine ;)

[mathew.er]

Yep, I tought about trying to do it with tables, but I quit it just because they were tables... its not just that I dont like them (well, realy it is ;) ) but tables are here for tabular data and not page layout...
I didnt find any way to get the width fixed so javaSript is the way to go.... btw. do you have something to say how to cleanup the code maybe a bit more?

[Jeff Wheeler]

On mine?

[mathew.er]

no, mine (-:

[Jeff Wheeler]

The code in your image that is four lines long? I don't think I understand. :P

[mathew.er]

Sorry nokrev, I ment that in the link I posted few posts ago (http://www.mumu.cz/liska/web/index.php)