473,324 Members | 2,400 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,324 software developers and data experts.

css positioning

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 clean algorithmic way to partition things off, and so
arrange my website, as I would have done when using tables to arrange things
was in style.

Thank you

BEGIN FLAMING RANT (Feel free to ignore, or laugh at...it's pg-13)

what the **** is going on with ******* css where the **** did who come up
with the whole ****** web standard anyway. oh wait, there ISN'T a standard
because every single friggen browser out there decides to render everything
just slightly different, even if you have the latest browser and conform
strictly to the friggen standards. margin-right oh, if you say put the
right margin on the right hand side of the screen i'll just place it on the
next ******* line, that's what you want right? come ON people!! gtk figured
this out long ago, gtk_expand, gtk_fill, and gtk_shrink: expand to take as
much space as possible, fill all the space you have with content vs padding,
shrink to take up only the space required. why the **** can't you do that
in html which is supposed to be so much more advanced? why the **** are we
using html for all this anyway? it's such a bass-ackwards, broken system.
what's wrong with the y-protocol or a derivative thereof in which programs
do not even know that they're operating over a network connection as far as
the gui is concerned? why do we keep trying to build hack upon hack upon
hack. i ******* hate the ****** web, it's a total software vietnam! hey,
let's take a bad idea, depend upon it, make it worse, depend on it more,
repeat, repeat, repeat, until every ****** coder out there is forced to deal
with this **** instead of doing worth-while things like building better
compilers, better languages, better filesystems, or anything else non-lame

END FLAMING RANT

--
Harrison Caudill BS | .^ www.hypersphere.org
Physics Graduate Computer Science Major | | Me*Me=1
Georgia Institute of Technology | v' I'm just a normal guy
Jul 24 '05 #1
1 2780
Charles Harrison Caudill <ku*****@myrna.cc.gatech.edu> wrote:

[CSS positioning]

CSS should be discussed in comp.infosystems.www.authoring.stylesheets,
cross posted and follow up set.
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.
CSS2 supports an good method to replace html tables, but few people know
about it because it's not supported by IE.
I would very much like a clean algorithmic way to partition things off, and so
arrange my website, as I would have done when using tables to arrange things
was in style.


There is no such thing, all other available CSS methods to create a
layout have lots of potential issues and are difficult to implement for
all but the most trivial layouts. CSS positioning is especially tricky
to use, many people relatively new to CSS latch on to absolute
positioning as a method to create a near pixel perfect layout. In doing
so they typically create something horrible that breaks when you wave a
feather at it.

Start with floats first, for creating a layout they are equally horrible
to use, with as least as many potential issues, but you are less likely
to create the typical horror show that results from using absolute
positioning.

CSS positioning can be used to create pretty good layouts, but using it
requires good CSS skills and an awareness of the many issues that can
result from it, a few absolute positioning do's and don't's:

a) Typically only position the layout boxes, *not* the elements in them
(let them flow).
b) Keep the layout simple, not to many boxes.
c) Scale the width and possibly height of the box if it contains text to
allow for user font size variations. To test use a Gecko browser to vary
the text size.
d) Beware of the overflow behaviour of non washable content (such as
images).
e) Note the wrap behaviour of content in abs positioned boxes, narrow
the viewport width to test, you may need to prevent wrapping from
occurring, if so, see (d).

Search the web for examples of CSS layouts if you are not particularly
skilled with CSS.

--
Spartanicus
Jul 24 '05 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

9
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. ...
4
by: Jane Withnolastname | last post by:
I am trying to re-work an old site by replacing the html with css. On the main page, I have a logo image which I needed centred on the initial screen. I found the solution here:...
14
by: Harlan Messinger | last post by:
What am I not understanding about the definition of { position: absolute; }? "The box's position (and possibly size) is specified with the 'left', 'right', 'top', and 'bottom' properties. These...
6
by: rajek | last post by:
I posted a similar question yesterday, but didn't get an answer that resolved the issue. (Thanks to those who tried though.) The background: I've read in books and online that if you have one...
11
by: NS | last post by:
I am relativly new to css positioning and have a question regarding the display of a DHTML pop-up Here is the basic HTML I am using: <html> <head> <script language="JavaScript"> <!--
2
by: Rob R. Ainscough | last post by:
I'm slowly (very slowly) working my way thru the bizarre and sadistic world of control positioning in MultiViews (ASP 2.0). I came across this to help me explain (or attempt to anyway) why my web...
4
by: Alan Silver | last post by:
Hello, Having been a light reader of this ng for a few months now (after several years absence), I have noticed that absolute positioning seems to be considered a Very Bad Thing around here....
9
by: Bill Norton | last post by:
I've been experimenting with floats, positioning and offsets (top, left, etc.) to see what happens when you mix the properties together. All this may be old news to most of you, but it was...
6
by: Mark | last post by:
hi, i'm trying to position something in the top right corner of a container, but i can't seem to figure out how to get it working. here's the html <div class='thumb'><a href='image.jpg'><img...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 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 former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.