align right in dynamicly sized div

[seantuk]

i have a page with three things on it. at the top is a ul; bellow that a swf, of an unknown width; at the bottom is a paragraph of text.

all of the content needs to be centered down the page, in a column as wide as the swf. the ul needs to align right (so it sits just above the top right corner of the swf). the paragraph of text needs to be directly under the swf, and exactly as wide.

what i need to know, is how can i create a div, that surrounds everything, and is exactly as wide as the swf - so i can use things like align right and fully justified text to create a column of content.

if you don't get what i mean, please ask.

 

[Vragabond]

how can i create a div, that surrounds everything, and is exactly as wide as the swf

<div style="width: [widthofswf]px; margin: 0 auto;">
 all your content
</div>

 

[seantuk]

i don't know the width of the swf. ideally, i'd like a solution that works for any width

 

[Vragabond]

If you use [tt]width: auto;[/tt], div will be as wide as the widest element inside it. I am not sure however if the margins will work in that case to center it. They actually should, but who knows what browser support for that is.

 

[seantuk]

actually i think 'auto' fills up to the size of its parent. let me just check...


..yes. sorry. it's a shame, that'd be an elegent and simple solution.


i can do it with a table set to a small width (but not zero), but i'd rather not use tables for styling if i can help it.