I've looked at manuals and experimented until my brain's oozing out of
my ears, and I still can't figure out what I anticipate will prove to
be fairly basic css layout knowledge.
I'd be amazed if this was the first (or even if only the 100th) time
someone has asked about this sort of situation. So I apologise, not
least for the awkwardness of my attempt below to illustrate my
ignorance.
I could produce a table such as this...
<table width="400" border="1">
<tr>
<td width="300">
<p>...I can put a lot of stuff in this 'CELL 1' knowing that now
matter how full it gets, or whatever the browser font-size is set to,
the next cell in this row could have just one character and it will
always sit neatly at the bottom right:</p>
</td>
<td width="100" align="right" valign="bottom" >
<p>2</p>
</td>
</tr>
<tr>
<td colspan="2">
<p>I also know that as the bottom border of the cells above expands
down to accomodate the contents, 'CELL 3' will maintain its relative
position beneath them, and so on for any more rows I include.</p>
</td>
</tr>
</table>
I just can't get my head around how to successfully position divisions
to match such an arrangement of cells.
The nearest I got was with an outer division, nesting a 'float: left'
[i.e. as per CELL 1] div and a 'float: right' [as per 2] div, but
unless I specified a height for the right-floated div (which of course
would be rendered useless if someone maximised the font size in their
browser) I had no way to shift its single character down to match the
bottom border of the left-floated div... and even then I was cludging
it...
Plus, as I understand it, floated divisions are taken out of the
normal 'flow', so trying to make sure that the contents of Cell 3
stays neatly beneath the two divisions above isn't so assured.
I really want to stick with css, with tables reserved as a last
resort. Obviously I'd be very happy to see an elegant bit of css that
does the business, but the URL of a decent (i.e. comprehensible)
webpage would be great.
Thanks for getting this far! 7 1909
On Fri, 20 Aug 2004 16:58:17 +0100, glutinous
<gl*********@ya hoo.co.uk> wrote: I've looked at manuals and experimented until my brain's oozing out of my ears, and I still can't figure out what I anticipate will prove to be fairly basic css layout knowledge. I'd be amazed if this was the first (or even if only the 100th) time someone has asked about this sort of situation. So I apologise, not least for the awkwardness of my attempt below to illustrate my ignorance.
I could produce a table such as this...
<table width="400" border="1"> <tr> <td width="300"> <p>...I can put a lot of stuff in this 'CELL 1' knowing that now matter how full it gets, or whatever the browser font-size is set to, the next cell in this row could have just one character and it will always sit neatly at the bottom right:</p> </td> <td width="100" align="right" valign="bottom" > <p>2</p> </td> </tr> <tr> <td colspan="2"> <p>I also know that as the bottom border of the cells above expands down to accomodate the contents, 'CELL 3' will maintain its relative position beneath them, and so on for any more rows I include.</p> </td> </tr> </table>
I just can't get my head around how to successfully position divisions to match such an arrangement of cells.
The nearest I got was with an outer division, nesting a 'float: left' [i.e. as per CELL 1] div and a 'float: right' [as per 2] div, but unless I specified a height for the right-floated div (which of course would be rendered useless if someone maximised the font size in their browser) I had no way to shift its single character down to match the bottom border of the left-floated div... and even then I was cludging it...
Plus, as I understand it, floated divisions are taken out of the normal 'flow', so trying to make sure that the contents of Cell 3 stays neatly beneath the two divisions above isn't so assured.
I really want to stick with css, with tables reserved as a last resort. Obviously I'd be very happy to see an elegant bit of css that does the business, but the URL of a decent (i.e. comprehensible) webpage would be great.
Thanks for getting this far!
Ok, of course as soon as I did this I had another go at floating div1
& div2 within a division, and apparently got it right: div3 (below the
other two) stays neatly where it's supposed to be.
But I still can't figure out how to get div2 to occupy the same height
as div1, so its single-character contents stays at the bottom of the
div...
On Fri, 20 Aug 2004 17:08:54 +0100, glutinous
<gl*********@ya hoo.co.uk> wrote:
<snip>
I came across some explanations on this NG as to why 'vertical-align:'
(which I hadn't bothered with trying) didn't work, which introduced me
to some interesting info on the 'vertical alignment in divs' issue.
Additionally, as far as | can tell, it's not possible to make a [for
e.g.] floated-right division vertically stretch to match the height of
a taller (because of higher text content) floated-left div, and that
css tables are dodgy, so the cludge of using an html table looks like
the solution.
I'd still appreciate [positive] comments on any of this!
glutinous <gl*********@ya hoo.co.uk> wrote: I'd still appreciate [positive] comments on any of this!
They were out of positive comments in my local store.
I'd wager that the reason why no-one replied so far is that we are tired
of yet another "how can css be any good when it can't do this: [mock
table]".
You cannot replace all table layouts with a css layout, not even with
css tables (which are not supported by IE).
Feel free to now start proclaiming that css must therefore suck (we see
that happening a lot also).
In the unlikely event that you are willing to open your mind and learn
something, post a url with an example that uses real content and we'll
show you methods to create an attractive css layout. Note that this
requires a willingness to accept that you are probably trying to do
something which you shouldn't be trying in the first place.
--
Spartanicus
On Fri, 20 Aug 2004 16:58:17 +0100, glutinous <gl*********@ya hoo.co.uk>
wrote: I'd be amazed if this was the first (or even if only the 100th) time someone has asked about this sort of situation. So I apologise, not least for the awkwardness of my attempt below to illustrate my ignorance.
I could produce a table such as this...
<snip>
<td colspan="2"> <p>I also know that as the bottom border of the cells above expands down to accomodate the contents, 'CELL 3' will maintain its relative position beneath them, and so on for any more rows I include.</p> </td>
Well you've described what you want. What you haven't done is described
why you want it. There are quite a few site layouts that have grown up
in a particular way because that's what they happened to look like if
you did them in tables. If you slavishly try to recreate identical
layouts in CSS, you may well hit problems. The thing is to find a layout
that looks good and presents the information well, without worrying
about whether it looks the same as the table equivalent.
I perhaps differ from most of the regulars here in one respect: if you
want a layout to actually look like a table - say a 3x3 grid with
visible borders or chequerboard background colours - then I personally
think you might as well make it a layout table. But if you just want a
header, sidebar and footer, than CSS will do it a lot more easily and
flexibly. As soon as you start getting rowspans and colspans then it's
time to drop tables for layout.
To give you some (I hope) encouragement: I've been redoing a
frames/tables/Javascript layout. (It started as a translation exercise
from Dutch to English, but I came across so many structural problems
that I got permission to redo the site - particularly visibility for
search-engines was the clincher.) Anyway, the total size of the HTML
files reduced from 1Mb to under 350Kb, and I think that is a fair
indication of the degree of simplification I've achieved.
The layout isn't quite the same, and some people didn't like the
on-screen changes all that much (though they admitted that it was
perhaps just a question of what they'd been used to). But the printed
pages look vastly better, and so is the layout in a small window.
--
Stephen Poley http://www.xs4all.nl/~sbpoley/webmatters/
On Sat, 21 Aug 2004 09:45:19 +0200, Stephen Poley
<sb************ ******@xs4all.n l> wrote: On Fri, 20 Aug 2004 16:58:17 +0100, glutinous <gl*********@ya hoo.co.uk> wrote:
I'd be amazed if this was the first (or even if only the 100th) time someone has asked about this sort of situation. So I apologise, not least for the awkwardness of my attempt below to illustrate my ignorance.
I could produce a table such as this... <snip>
<td colspan="2"> <p>I also know that as the bottom border of the cells above expands down to accomodate the contents, 'CELL 3' will maintain its relative position beneath them, and so on for any more rows I include.</p> </td>
Well you've described what you want. What you haven't done is described why you want it. There are quite a few site layouts that have grown up in a particular way because that's what they happened to look like if you did them in tables. If you slavishly try to recreate identical layouts in CSS, you may well hit problems. The thing is to find a layout that looks good and presents the information well, without worrying about whether it looks the same as the table equivalent.
Thank you! I was experimenting with css layourts to see what I'd
lerned and what was achievable. My query wasn't for a specific
purpose, but to clarify a point I thought I'd misunderstood, i.e.
When two divisions of non-specified height (to allow for variations in
the amount of text within them) are placed side by side, if one is
taller than the other, I couldn't find a straight-forward way to
vertically align their bottom edges, so I just thought I must have
missed something.. I perhaps differ from most of the regulars here in one respect: if you want a layout to actually look like a table - say a 3x3 grid with visible borders or chequerboard background colours - then I personally think you might as well make it a layout table. But if you just want a header, sidebar and footer, than CSS will do it a lot more easily and flexibly. As soon as you start getting rowspans and colspans then it's time to drop tables for layout.
Believe me, I'm under no illusions about what an improvement css is!
The only reason I didn't get into this years ago was because browsers
were so unreliable... then I got sidetracked and am now trying to
catch up.
To give you some (I hope) encouragement: I've been redoing a frames/tables/Javascript layout. (It started as a translation exercise from Dutch to English, but I came across so many structural problems that I got permission to redo the site - particularly visibility for search-engines was the clincher.) Anyway, the total size of the HTML files reduced from 1Mb to under 350Kb, and I think that is a fair indication of the degree of simplification I've achieved.
The layout isn't quite the same, and some people didn't like the on-screen changes all that much (though they admitted that it was perhaps just a question of what they'd been used to). But the printed pages look vastly better, and so is the layout in a small window.
I actually have the problem of convincing a client I've done anything
at all to their site when I use css instead of <font> tags and tables,
etc. :-)
On Sat, 21 Aug 2004 08:18:07 +0100, Spartanicus <me@privacy.net >
wrote: glutinous <gl*********@ya hoo.co.uk> wrote:
I'd still appreciate [positive] comments on any of this! They were out of positive comments in my local store.
I'd wager that the reason why no-one replied so far is that we are tired of yet another "how can css be any good when it can't do this: [mock table]".
Well you certainly conform to the stereotypical lowest-common
denominator on this NG, ascribing attitudes where none were suggested.
At no point did I say any such thing. Even my subject line says "I
_almost miss_ tables". And I apologised in advance for the query, as I
expected it'd have been asked before. Furthermore, if you hadn't
snipped my posting, it'd have been plain I'd already managed to learn
what I needed to know, and I likened reverting to tables as a
'cludge'. If you weren't in such a hurry to show off you'd maybe
notice these things. You cannot replace all table layouts with a css layout, not even with css tables (which are not supported by IE).
So I gather. Well done. Feel free to now start proclaiming that css must therefore suck (we see that happening a lot also).
No thank you. But I will say that your posting sucks, big time!
Where do you get off on being so patronising and offensive? In the unlikely event that you are willing to open your mind and learn something, post a url with an example that uses real content and we'll show you methods to create an attractive css layout. Note that this requires a willingness to accept that you are probably trying to do something which you shouldn't be trying in the first place.
Go ---- yourself you arrogant pipsqueak. I'll do all the learning I
need without your type of 'assistance'. Fortunately there are some
civilised people here who are willing to help, and others who know
better than to just look for an argument.
glutinous wrote: Go ---- yourself you arrogant pipsqueak.
Time to add to my killfile.
Fortunately there are some civilised people here who are willing to help,
Not with that attitude.
and others who know better than to just look for an argument.
"Hello Kettle? This is Pot. I suppose you're wondering why I called...."
--
Brian (remove ".invalid" to email me) http://www.tsmchughs.com/ This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Bryan R. Meyer |
last post by:
Hello Everyone,
The problem of browser resizing has become an issue for me. While
redesigning my webpage, I set the left and right margins to be auto so
that my content would be centered. However, there are images that I
used absolute positioning in order to place them in the appropriate
location on my page. When I do a browser resize, these images do not
move (obviously). However, the rest of my content is auto centered as...
|
by: Jack Hughes |
last post by:
This argument has come up two or three times lately.
We have a web standards document at our company that say "Use valid
HTML 4; We don't recommend switching to DIV-based CSS-P for layout
just yet though, tables are a lot easier."
That's because we have a lot of developers who aren't ready to move to
CSS-P and DIVs just yet.
But I'm being told our policies were contradictory. If we're going to
|
by: Egon Pasztor |
last post by:
Hi. I'm new at CSS, so maybe this is obvious, but I've
looked around quite a bit looking for a solution.
I'm playing with the vertical positioning of elements in a 2-column layout.
The prototype "scaffolding" page I'm playing with is here:
http://www.eecs.berkeley.edu/~pasztor/test.html
It looks right in "Mozilla Firefox", but not in IE 6. In IE 6, the three
"nav" blocks are rendered right after one another in a vertical column.
|
by: xtort |
last post by:
My question is:
If you create a template in Photoshop, slice it in ImageReady, using
the CSS output option(under the "slices" menu in "output--options"),
and then use the CSS output for a template(which will all be
absolute-postioned DIVs)--would there be any foreseeable drawbacks to
this?
Put another (simpler) way: are there drawbacks to positioning
everything on the page with absolute references alone?
|
by: Charles Harrison Caudill |
last post by:
with tables there is a clean and algorithmic way to organize things, but with
css which is, once you get it working, much cleaner, I have to tweak and patch
and hope and pray and curse before things are positioned the way I want them.
It *should* be easy to say: this goes on the left, this goes on the right,
this goes in the center, all on the same line, with a background image...but
I'm missing something.
I would very much like a...
| |
by: jackie |
last post by:
I can't get my menu bar to remain relative to the westar logo.
On the homepage it looks ok
http://www.westar.com/test/index.asp
, but once the main content table on the page gets longer the menu bar
shifts downward. Like on
http://199.217.163.45/intranet/WDT_logos.asp
I don't know why the menu seems to care how long the content section is
when it should stay relative to the westar logo. I thought I indicated
|
by: MP |
last post by:
Greets,
context: vb6/ado/.mdb/jet 4.0 (no access)/sql
beginning learner, first database, planning stages
(I think the underlying question here is whether to normalize or not to
normalize this one data field - but i'm not sure)
:-)
Background info:
|
by: mehstg1319 |
last post by:
Hi there
Not sure if anyone can help me, I am working on a site for my
university, and am having a bit of trouble with css positioning. I am
very new to css and do not know very much about it.
Here is the link: http://homepages.feis.herts.ac.uk/~bp6ar/bus_intel/matrix/matrix.html
Basically, the problem is that the ticks on the grid look perfectly
|
by: Fistro |
last post by:
I'm trying to find a design that would allow me to build web pages
without having to worry about compatibility issues (not too much, in
any case,,,)
I've came across this CSS layout technique:
http://alistapart.com/articles/fauxabsolutepositioning
It calculates the left offset from a fixed position, as opposed to
calculating it from the right edge of the preceding element by using a
combination of position: relative, left: 100% and a...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
| |
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules.
He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms.
Adolph will...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |