E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 3 (In chronological order)

From: Catherine Brys
Date: Thu, Dec 08 2005 4:20AM
Subject: Complex site design using only divs
No previous message | Next message →

Hello,

I am working on a new design for our site. I would like to use only <div>s
AND use the float attribute (no absolute or relative positioning).

Do you know any sites which have a grid layout (e.g. similar to
http://www.glasgow.gov.uk/en/Business/) and use 'floating' <div>s only?

It seems hard to obtain a grid layout with 'floating' <div>s because one
<div> 'does not know' how high/wide its neighbours are. I don't want to use
scripting.

Many thanks for your help!

Cath

Dr. Catherine M. Brys - PhD Eng
Library Web Services Administrator
- Library Web Site Accessibility and Usability Project -
Glasgow University Library, Hillhead Street, Glasgow, G12 8QE, Scotland, UK
e: c.brys [at] lib.gla.ac.uk
t: +44 (0)141 330 6748
w: www.lib.gla.ac.uk/accessible

From: Ben Dykes
Date: Thu, Dec 08 2005 5:00AM
Subject: RE: Complex site design using only divs
← Previous message | Next message →

A google search will bring up lots of examples for this, but this might help
get you started...

http://www.ssi-developer.net/main/templates/

Hope that helps.

ben

From: Catherine Brys
Date: Wed, Dec 14 2005 4:20AM
Subject: RE: Complex site design using only divs
← Previous message | No next message

Hello,

Thanks for the suggestions, Tim and Ben.

I think I've solved the problem I run into - I wanted to explore how far I
could go with css - try and do a complicated layout with css.

I have found that it is possible to use divs for a grid-like design
(although vertical alignment is limited): the problem I had was due to
combining set widths (in %) with padding (in px). The browsers don't seem to
like it . I analysed the code of the W3C homepage and found that they use
one div in another, the outer div has the width, the inner has the padding.
Seems to work fine.

Best regards,

Catherine

Dr. Catherine M. Brys - PhD Eng
Library Web Services Administrator
- Library Web Site Accessibility and Usability Project -
Glasgow University Library, Hillhead Street, Glasgow, G12 8QE, Scotland, UK
e: c.brys [at] lib.gla.ac.uk
t: +44 (0)141 330 6748
w: www.lib.gla.ac.uk/accessible