Improving Standard Template
Moderator: mikey
Improving Standard Template
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.
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.
Re: Improving Standard Template
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 ;=(
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
Connie Müller-Gödecke, http://www.webdeerns.de
Re: Improving Standard Template
Hi,wosee wrote:I'd like two columns with equal heights no matter if there's less or much text.
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
Re: Improving Standard Template
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.
Re: Improving Standard Template
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
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
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
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
|---
Connie Müller-Gödecke, http://www.webdeerns.de
Connie Müller-Gödecke, http://www.webdeerns.de
Re: Improving Standard Template
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
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
Re: Improving Standard Template
That's great, it works perfectly! Could you please give me the CSS code?
Re: Improving Standard Template
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.
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
Re: Improving Standard Template
Thanks a lot!