|
|
Posted by Jaxtraw on 05/06/06 02:22
vito wrote:
> besides using frame or table, i studied div span and related but
> unable to locate if there is the exact info. to achieve the effect of
> creating 2 blocks, e.g.
>
>
> p1 text p2 text
> p1 text p2 text
> p1 text p2 text
> p1 text p2 text
> p1 text p2 text
> p1 text
> p1 text p3 text
> p1 text p3 text
> p1 text p3 text
> p1 text p3 text
> p1 text p3 text
>
> or even change p1 text to an image or so
The easiest and most stable way to do this is with a table layout. Keen
CSSmongers will say that that's a terrible thing to do, but CSS as it stands
just isn't well enough specified to reliably produce general page layout- in
particular the "float" system is a mess, particularly how it reacts to
window resizing etc. IMV it's fundamentally flawed because it insists on a
paradigm in which a page is inherently one document- whereas most
structures such as yours are really more than one document that happen to be
on the same page.
Like many people, I keenly tried to switch over from tables to CSS but after
frustrating and disappointing results switched back. I'll be happy to use
CSS for layout again, once it's been revised to a useful state.
CSS is of course excellent for everything else- setting fonts, colours,
borders, margins, and so on. But for the general page framework, it's
hopelessly undercooked. You'll think you've got it working then resize the
page in some browser and the whole thing slides apart with DIVs flying
everywhere. People who claim that CSS works for this generally are using
horrendous nests of DIVs that try to constrain things- more complex than
tables ever are. The fact that people feel very proud just to manage a 3
column layout in CSS proves how awful it is- this should be a simple,
rudimentary layout to achieve. Most column layouts in CSS are really kludges
with margins shoving the columns about- even when they work, they're far
from the spirit of what CSS was supposed to be about, and half these magic
formulae collapse when somebody resizes the text in Firefox. As to absolute
positioning- brrrrr. Should be banned except for people with an Advanced CSS
Pilot's License.
Anyway, I'm rambling. To reiterate, I'd recommend scrapping even trying it
with DIVs, and just knock up a nice simple table. You can still give the
<td>s classes and IDs to customise them as you wish.
<table>
<tr>
<td rowspan="2">
p1 text
</td>
<td>
p2 text
</td>
</tr>
<tr>
<td>
p3 text
</td>
</tr>
</table>
Ian
Navigation:
[Reply to this message]
|