Hi all,
I have just re-designed one of my sites to use CSS and DIVs instead of tables for layout and was pleasantly suprised at how easy it was.
Just one problem: the menu bar which goes down the left side of the page stops straight after the content of it if I don't specify a height for it, or stops after the window height if i set the height to 100% in the CSS. I would like it to continue down however long the content is in another DIV.
The URL is <!-- m --><a class="postlink" href="http://www.summitnetwork.org.uk">http://www.summitnetwork.org.uk</a><!-- m -->. The CSS is at /resources/css/css_summit.css
I'd be very grateful if someone could take a look and point me in the right direction.
It would also be great if you could let me know how to do the two pale orange boxes in the middle of the homepage - I tried doing it with CSS but gave up and used a table in the end.
Cheers,
Samapply your background on the left to the body tag:
body {
background: #fff url(pic.jpg) left repeat-y;
}
That will fill the entire page, however long it is.
With your orange blocks, experiment with:
(assuming you use a clss of leftbox.)
.leftbox {
float: left;
width: 49%;
}
Cheers
DaveThanks Dave,
Not exactly what I was thinking of for the menu background although I can see that it would work. I'll see if I can find a different solution then might use yours if I can't find one.
Used your suggestion for the orange boxes - great.
Thanks,
SamThere are many hacks you could adopt, but that one has the widest browser support (including netscape 4 if my memory serves me correctly).
I have just re-designed one of my sites to use CSS and DIVs instead of tables for layout and was pleasantly suprised at how easy it was.
Just one problem: the menu bar which goes down the left side of the page stops straight after the content of it if I don't specify a height for it, or stops after the window height if i set the height to 100% in the CSS. I would like it to continue down however long the content is in another DIV.
The URL is <!-- m --><a class="postlink" href="http://www.summitnetwork.org.uk">http://www.summitnetwork.org.uk</a><!-- m -->. The CSS is at /resources/css/css_summit.css
I'd be very grateful if someone could take a look and point me in the right direction.
It would also be great if you could let me know how to do the two pale orange boxes in the middle of the homepage - I tried doing it with CSS but gave up and used a table in the end.
Cheers,
Samapply your background on the left to the body tag:
body {
background: #fff url(pic.jpg) left repeat-y;
}
That will fill the entire page, however long it is.
With your orange blocks, experiment with:
(assuming you use a clss of leftbox.)
.leftbox {
float: left;
width: 49%;
}
Cheers
DaveThanks Dave,
Not exactly what I was thinking of for the menu background although I can see that it would work. I'll see if I can find a different solution then might use yours if I can't find one.
Used your suggestion for the orange boxes - great.
Thanks,
SamThere are many hacks you could adopt, but that one has the widest browser support (including netscape 4 if my memory serves me correctly).