Couple of questions re: CSS

hi there,

bit of a newcomer to web building, and having now finished a site which is xhtml transitional validated (except for the <embed> on the first page for the embedded .rm file... which from what i've seen around the net, is insurmountable).

But I have a couple of questions which are baffling me. Here is a link to the home page:

www.youth-tv.co.uk

1) For some reason, on IE, the site is aligned to the left hand side, whereas on NN and Mozilla it is centred, as it should be according to the CSS script. Any reason why?

2) At the bottom, on the bottom bar, I have some logo images, which i would like centered in the bottom bar along with the text, but can't for the life of me figure out how.

Any help, advice, pointers, etc, gratefully appreciated.

Thanks,

Jules

Use <object> and you can validate it as strict.

Yeah, IE's crap, it doesn't like centering with auto margins. Add
text-align:center to the BODY class, and text-align:left;
to the center class to compensate. That should center it all in
both browsers...

Centered how? Horizontally or vertically? Add align="absmiddle"
to the images.

Thanks for that. Glad to others don't like IE either. i will try out your suggestions, thanks. And for the records, sorry, i meant aligned in the middle of the bottom bar.

With regards to the <embed> <object>, what i have discovered (and i think i'm right here), is that by removing the <embed> (which is nested in the <object> as a default as per Real and well everyone), then the video simply vanishes from NN and Moz. I think it is to do with IE and Active X.

Just for curiosity's sake, this is the code I use:

<object id='rvocx' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA'
width="260" height="185">
<param name='src' value="http://youth-tv.co.uk/vids/promo.ram" />
<param name='autostart' value="true" />
<param name='controls' value='imagewindow' />
<param name='console' value='video' />
<param name='loop' value="false" />
<embed src="http://youth-tv.co.uk/vids/promo.ram" width="260" height="185"
loop="FALSE" type='audio/x-pn-realaudio-plugin' controls='imagewindow' console='video' autostart="true">
</embed></object>

As I said, removing the <embed> seems to make the video vanish, but any suggestions as to the code I could try so it works cross browser appreciated.

Anyway, thanks again for the CSS pointers, will give them a go.

jules

Add text-align:center; to your baseline class.

Here's an article on embedding Flash using a strict doctype. Not
quite what you want, but it's similar...

http://www.alistapart.com/articles/flashsatay/

Thanks again for your time guys. I've managed to get the pages centred on IE & NN, and somehow made the logos look neater at the bottoom.

Read the Flash article, and do you know what, I can't be bothered. Validation be damned with regards to <embed>. The video file works across browsers and until W3C sort it out (or Gates gives up Active X) then....

I did send them W3C a mail asking what the deal was though, as it seems this is a question no-one has a proper answer to.

Anyway, thanks again.

Jules

Heh, no problem, glad to have helped.