A layout I'm working on right now uses these classes
to position a vertical nav bar to the left of my
content:
.parentLeft {float: left; width: 190px; height: 500px;
margin: 10px 0 10px 5px;}
.parentRight {margin-left: 205px; height: 500px;
margin: 10px 10px 10px; 0}
This works really well, until
Source file:
http://james.globalhavens.com/css-discuss/webtop/2col-scroll.html
I'm trying to get columns lined up between three
stacked tables, the middle one of which is in a
scrolling DIV. The scroll bar has pushed the content
in, so the %-width columns have adjusted, and no
longer line up with
Source file is here:
http://james.globalhavens.com/css-discuss/webtop/2col-scroll.html
I've been fighting with this two col layout for a
while now - left col static width, right col flexible
- and I've finally got it working in Firefox. As
you'll see, it's not ready in IE. Even though the
main
amount of text-align: center and
margin-left/right: auto will push them back to the
middle (in Firefox - IE is fine).
Any suggestions?
Is it still breaking in Safari? (I'd love to test, but
don't have access to a Mac).
--- Charles Stuart <[EMAIL PROTECTED]> wrote:
>
>
Source file is here:
http://james.globalhavens.com/css-discuss/webtop/webtop.html
If you look at the HTML at the bottom, there are a few
DIVs with the class "webtopMenuIconDiv" that are
supposed to group the icons on the second row,
providing a little padding, and a visible vertical
line. This i