3 replies [Last post]
johan
Offline
newbie
Last seen: 15 years 47 weeks ago
Joined: 2003-08-23
Posts: 1
Points: 0

Hi!

Currently I am redesigning my website, it was table based and I am now
trying to convert this to a CSS layout. I am almost there but there are
some things that need to be fixed.

Look at: http://www.refresh.cx/test/, there are several divs
(columns) that won't stretch to the correct height. Anyone know how to
solve this?

The stylesheet is in stylecheet.css, I don't use absolute positioning, I
already tried 'wrapper' div's but without any better results. This page
looks ok in IE6, Opera and Firebird.

Please help!

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 16 years 8 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

stretching Div problem...

Hi Johan.

The subtitle and subtitle2 Divs are causing the content table to be pushed over to the right. If you remove the float from these items the table is aligned correctly (in my test).

Also, I noticed that you forgot the BODY tag. Easy mistake to make. Not likely to be the problem, but might help.

dbowne

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 16 years 8 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

Refresh.cx table-less layout

Hi Johan,

I took a more in depth look at your problem and rebuilt your HTML and CSS to no longer use tables for layout. The new layout relies on absolute positioning.

http://www.thebownes.com/dev/csswork/refresh/

I have tested this layout in IE 6.0 WIN, Chimera Navigator 0.6 MAC, IE 5.2 MAC, Safari 1.0 MAC with no problems. IE 5.5 WIN has some minor layout inconsistancies which I can help you solve if you choose to use this layout.

(css is named stylesheet2.css)

Enjoy.

dbowne

Martagnan
Offline
Regular
uk
Last seen: 12 years 41 weeks ago
uk
Joined: 2003-08-27
Posts: 21
Points: 0

Webmaster World Solution

Hello,

If I understand your problem correctly, there is a great solution at... http://www.webmasterworld.com/forum83/1723.htm

I have used it on 2 different occassions and it works fine in the following:-
I.E6, MozFirebird0.6.1, Opera 7

Hope this helps!