Re: CSS Positioning Madness

[TAllen@xxxxxxxxxxxx]

Though it can be quite painful at first,  I would stick with the CSS-based
page layout.  Any time I go to a web site, view the source and see tables I
think that it must've been created in 1998.
Be sure to understand the difference between inline elements, like <span>,
and block level elements, like <div>.  Knowing that will help immensely.

Xray is a tool that is very helpful for creating CSS-based web sites in
Firefox:
http://westciv.com/xray/

Apart form that, below are some helpful reference sites :
http://www.htmlref.com/
http://www.htmlhelp.com/reference/css/properties.html
http://www.w3schools.com/css/default.asp

I hope that helps.  If you are still having trouble I may be able to assist
a bit offline.

Thanks,
Todd Allen
EDPS
Electronic Data Processing Services
tallen@xxxxxxxxxxxx



                                                                           
             "John Taylor"                                                 
             <lists@studiowork                                             
             s-tech.com>                                                To 
             Sent by:                  <web400@xxxxxxxxxxxx>               
             web400-bounces@mi                                          cc 
             drange.com                                                    
                                                                   Subject 
                                       [WEB400] CSS Positioning Madness    
             2009-06-10 17:38                                              
                                                                           
                                                                           
             Please respond to                                             
             Web Enabling the                                              
              AS400 / iSeries                                              
             <web400@midrange.                                             
                   com>                                                    
                                                                           
                                                                           




Ok, so I'm making an effort to use CSS for layout instead of tables, and
it's not going well. I use VS2008 as my IDE, and after many hours of
frustration, I finally have a layout that looks correct in the designer.
Then I preview in IE7 and FF3, and neither renders even close to what I see
in the VS designer. In fact, I have three rendered windows, and three
completely different results. We're not talking about a pixel nudge here
and
there, but a jumbled mess of divs all over the place.



Then I spend several more hours reading about CSS positioning on the web
until my eyes begin to glaze over. Just when I think I have it figured out,
I read another tutorial or article that completely contradicts what I just
learned. Take RELATIVE positioning for example; I've now read that it means
a div using relative positioning will be offset from the parent container,
from the browser viewport itself, or relative to its "normal" flow
placement
(whatever the heck that would be).  One question. three different answers.
Hmmm..



I now have four days into this website, and I've yet to manage to even
layout my page header so that it looks reasonably correct on both major
browsers and my IDE. Of course there is a learning curve associated with
any
new technology, but this is nuts. I'm just about ready to give up on CSS
positioning and go back to tables. But I hate giving up, and so would like
to take one last kick at the cat, so I'm asking for your help. Are you
using
CSS for layout? If so, do you have any suggestions for a good website to
use
as a tutorial and reference resource? How about those CSS Toolkits. is
anyone using those to deal with cross-browser compatibility issues?



 
This communication and any transmitted documents are intended to be confidential. If there is a problem with this transmission, please contact the sender. If the reader of this message is not the intended recipient, or the employee or agent responsible to deliver it to the intended recipient, you are hereby notified that any dissemination, distribution or copying of this communication is strictly prohibited.