Re: Tables

Mark VB wrote:
Mark Parnell wrote on 13/07/2006 03:56

Well, it isn't tabular data. But because my knowledge of CSS isn't that good, I used tables.

Trying to convert it to CSS, basically I now have:
.titleleft { width: 200px;
position: absolute;
left: 10px; }
.titlecenter { width: 100%;
position: absolute;
text-align: center; }
.titleright { width: 200px;
position: absolute;
right: 10px; }

But when resizing the window, the one part is sliding over the other part. How can I prevent that ?

First, are you sure you want to? CSS should allow for flexible display like that.

But if you really must, enclose the top 3 in a DIV, and set a min-width.

And how to create those 2 columns ? I didn't find any solutions for that, except by defining the width of the columns.

Google CSS two-column layout - lots of solutions. Check out Position Is Everything especially.

--
"The most convoluted explanation that fits all of the made-up facts is the most likely to be believed by conspiracy theorists. Fitting the actual facts is optional."
.

Relevant Pages

  • Re: Allow the user to increase font size
    ... >> its insistence on treating CSS absolute size units as absolute ... >> size units does not seem to be rateable as a fault. ... > request to override what the CSS suggests. ...
    (comp.infosystems.www.authoring.html)
  • Re: Tables
    ... for the first row, which should contain 3 columns with the first and third cell having a fixed width. ... That's doesn't sound like tabular data. ... But because my knowledge of CSS isn't that good, ... position: absolute; ...
    (comp.infosystems.www.authoring.html)
  • Re: Help Request about 4.01 Strict
    ... position: absolute; ... phones, PDA's, blind browsers, screens of less than 800x600). ... There is one page for which I am very motivated to use CSS instead of tables ... PHP is concerned :-( so may not be giving a valid opinion. ...
    (alt.html)
  • Re: Limit width of a table cell?
    ... I would be happy using three DIVs, with absolute position and widths ... You're simply stuck in the tablebased layout mindset. ... Obviously CSS layouts won't work for you then. ...
    (comp.infosystems.www.authoring.html)
  • Re: Style sheets
    ... There are a _handful_ of decent web ones, ... In the CSS, remove all these: ... absolute; ... Thanks for the ref to O'Reilly's a good ref book would help. ...
    (alt.html)