Re: CSS Positioning Madness

[James Perkins <jrperkinsjr@xxxxxxxxx>]

John,
Here is a simple layout that might work for you.

http://code.midrange.com/4b091f0e34.html

Remember the key is in the container. The total of the the width of the
navCol minus the width of the content including padding and borders should
be less than or equal to the width of the container.

--
James R. Perkins


On Wed, Jun 10, 2009 at 14:38, John Taylor <lists@xxxxxxxxxxxxxxxxxxxx>wrote:

> 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 is the Web Enabling the AS400 / iSeries (WEB400) mailing list
> To post a message email: WEB400@xxxxxxxxxxxx
> To subscribe, unsubscribe, or change list options,
> visit: http://lists.midrange.com/mailman/listinfo/web400
> or email: WEB400-request@xxxxxxxxxxxx
> Before posting, please take a moment to review the archives
> at http://archive.midrange.com/web400.