[Techtalk] Fixing up live.linuxchix.org

Teri Solow tsolow at terisolow.com
Thu May 26 14:17:27 EST 2005


-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Akkana Peck imparted (2005-05-25 @ 20:57:32 -0700):
> The 'livebody' (which I think is the content area) is positioned only
> according to its right edge, but its width is controlled by its
> contents (in the case of Mary's snapshot, that's probably the
> graph most of the way down the page under "Bike stats, and in NJ").
> If that width is greater than where that right-position puts the
> livebody, then the left side of it has to be off the screen.
> Not because it's a div, but because it uses absolute positioning
> in this way regardless of the window size.

Gah, it figures a graph from my blog would be throwing things out of
whack... (well, it is just 600px wide...)

But yeah, absolute positioning is probably why things are being pushed
off the side of the screen (without absolute positioning things would
get pushed the other way, but a horizontal scrollbar should appear so
the site would still be usable).

Meryll Larkin imparted (2005-05-25 @ 20:46:05 -0700):
> 1.  Put the HTML page in a proper table to control the edges.
> 2.  Replace <div with <span  
>     <span class="livecontainer"
> 3.  If you are using <div for SPACING (Space formatting) of any kind,
> replace it with tables.  
> Do not control spacing with <div  It is not rendered the same by all
> browsers.  Use <span for text formatting.

Let me just say that span is for inline styles only. It won't work
correctly at all for block-level elements, and that's not what it's
designed for anyway.  Span is more for changing a small bit of text on
one line, whereas divs are for formatting blocks of text.

Tables are a safer bet for setting layout (in general), but in this case
(providing you get rid of the absolute positioning), I believe both divs
and tables will create a horizontal scroll bar when they contain an
element larger than the designer of the site planned for.

- -- 
(n_ 	Teri Solow <tsolow at terisolow.com>
//\ 	http://terisolow.com
V_/_ 	
Old programmers never die, they just branch to a new address.
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.1 (GNU/Linux)

iD8DBQFClU3XCRjPPiFbVe8RAn6PAKDYo93RdGaChDABsLeJvFJx51ZG1wCeJWUR
urepWut0JcysYe/Xn/3+UoM=
=Z0ma
-----END PGP SIGNATURE-----


More information about the Techtalk mailing list