Improving Standard Template

Please post the URLs to pages, where you've made a CMSimple template available for download

Moderator: mikey

Post Reply
wosee
Posts: 122
Joined: Mon May 26, 2008 12:26 pm

Improving Standard Template

Post by wosee » Sat Jun 07, 2008 4:45 pm

I've already posted it there and now I'll try it here.

I reproduced Lars Ellmauer's Template tutorial by modifying the Standard Template. Now it looks like this. The problem is, that the columns are not equal because their height depends on the text. I'd like two columns with equal heights no matter if there's less or much text.

Moreover, the editor looks like this. It's too big and the background is grey.
Stylesheet
Template

I hope someone can understand my bad English.
Thanks in advantage.

Connie
Posts: 282
Joined: Thu May 22, 2008 10:11 am
Location: Hamburg
Contact:

Re: Improving Standard Template

Post by Connie » Sat Jun 07, 2008 6:39 pm

you will have to find out how to define equal columns in CSS

there are many tutorials on that, so all columns have the same height no matter what context---

in the moment I have no hint at hand as I am reconfiguring a notebook and I am fightig with the audiodrivers and no time for CSS ;=(
|---
Connie Müller-Gödecke, http://www.webdeerns.de

Till
Posts: 337
Joined: Tue May 20, 2008 7:20 am
Location: Germany: Bremen
Contact:

Re: Improving Standard Template

Post by Till » Sun Jun 08, 2008 10:40 am

wosee wrote:I'd like two columns with equal heights no matter if there's less or much text.
Hi,

I usually use two different ways to solve this problen.

1) I use a graphical background which spans both or even three columns. Then whatever column is the longest, the background image will extend according to its size. To do this I have two (or three) vertical columns inside a div container which holds the background image spanning all columns. This is known as "Faux columns" trick (http://www.alistapart.com/articles/fauxcolumns/).

2) There is a javascript possibility called "matching-columns.js". Look at http://www.javascriptsearch.com/tutoria ... ights.html or search for it at http://www.killersites.com.

Till

wosee
Posts: 122
Joined: Mon May 26, 2008 12:26 pm

Re: Improving Standard Template

Post by wosee » Sun Jun 08, 2008 9:27 pm

Thanks for the hints. It's funny that there's no easy way to fix that. With tables it seems to be possible without any problems.

Connie
Posts: 282
Joined: Thu May 22, 2008 10:11 am
Location: Hamburg
Contact:

Re: Improving Standard Template

Post by Connie » Mon Jun 09, 2008 6:09 am

yeah, there are many ways to do it

tables seem to be easier, but tables are not standard compliant, as there is a separation between presentation and content
and tables have a semantic meaning to structure numbers, informations etc.
but not to layout a page

many people are fighting with that problem to get columns with the same height and guess what?
The biggest obstacle is not the technique, the biggest obstacle as usual for correct interpretation of CSS is IE :twisted:

even the much acclaimed IE 8 does not support correct CSS standards which exists for some years now, it is just a shame and a big waste of money as developers and layouters have to spend their time to find way arounds for that shitty browser :evil:
|---
Connie Müller-Gödecke, http://www.webdeerns.de

ZiPs
Posts: 633
Joined: Thu May 22, 2008 6:17 pm
Location: Faxe, Denmark
Contact:

Re: Improving Standard Template

Post by ZiPs » Mon Jun 09, 2008 5:40 pm

Hi wosee
I have made a test of you site, you can see if it is something, it’s only CSS to make the divs to get equal height you can see it HER
Remember it's just a test, I am still learning :)
Preben Dahl | Webmaster cmsimple.dk | Projekt-og domæne ejer Gert Ebersbach

wosee
Posts: 122
Joined: Mon May 26, 2008 12:26 pm

Re: Improving Standard Template

Post by wosee » Thu Jun 12, 2008 1:09 pm

That's great, it works perfectly! Could you please give me the CSS code?

ZiPs
Posts: 633
Joined: Thu May 22, 2008 6:17 pm
Location: Faxe, Denmark
Contact:

Re: Improving Standard Template

Post by ZiPs » Thu Jun 12, 2008 2:03 pm

Hi wosee

Password to the site is still test, so you can get it from the site, you also need the templates to get it to work.
Preben Dahl | Webmaster cmsimple.dk | Projekt-og domæne ejer Gert Ebersbach

wosee
Posts: 122
Joined: Mon May 26, 2008 12:26 pm

Re: Improving Standard Template

Post by wosee » Thu Jun 12, 2008 4:54 pm

Thanks a lot!

Post Reply