I want to achieve the following WITHOUT using absolute positions:
Three columns, left (fixed width, 125px), middle (50%) and right (fixed width, 175px).
I can achieve this using absolute positions. But can it be done using relative?
Simoni guess not, but why would you want to anyway?Because (1) we're converting our templates (html tables) used in our website editing software, and the templates move depending on the function being used... ie the template has to be viewable in different parts of the screen
and (2) I have read - I'm sure in the these forums - that it's best to try not to use absolute positions in CSS. Sure I read that everything in CSS can be achieved using relative tags - but I guess not since I can't achieve the above!Hi -
Did you try floating them all to the left - then clearing them?
That works best for me when 'going columnar'...and you're
right, absolute positioning is tricky since a resizing of the browser
window can leave the layout in tatters unless you're careful.
Remember that relative means bumping it slightly from its original
position in the flow of the document and absolute means removing
it altogether from the flow and setting position by the browser window,
instead.
Good luck,
El
p.s. - Try it out, then post the code if you need any further help ;-)El, you're a star.... I'm looking at the code and simply wondering why that wasn't my first attempt... desperately trying to leave tables behind... it's not the individual CSS selectors, properties and values that are tricky, but using them correctly in combination!
Anyway, really appreciate your help!
Simon
Three columns, left (fixed width, 125px), middle (50%) and right (fixed width, 175px).
I can achieve this using absolute positions. But can it be done using relative?
Simoni guess not, but why would you want to anyway?Because (1) we're converting our templates (html tables) used in our website editing software, and the templates move depending on the function being used... ie the template has to be viewable in different parts of the screen
and (2) I have read - I'm sure in the these forums - that it's best to try not to use absolute positions in CSS. Sure I read that everything in CSS can be achieved using relative tags - but I guess not since I can't achieve the above!Hi -
Did you try floating them all to the left - then clearing them?
That works best for me when 'going columnar'...and you're
right, absolute positioning is tricky since a resizing of the browser
window can leave the layout in tatters unless you're careful.
Remember that relative means bumping it slightly from its original
position in the flow of the document and absolute means removing
it altogether from the flow and setting position by the browser window,
instead.
Good luck,
El
p.s. - Try it out, then post the code if you need any further help ;-)El, you're a star.... I'm looking at the code and simply wondering why that wasn't my first attempt... desperately trying to leave tables behind... it's not the individual CSS selectors, properties and values that are tricky, but using them correctly in combination!
Anyway, really appreciate your help!
Simon