fumblies

Hello guys,
I've just finished and uploaded my first ever website. I've only been testing my website using Firefox and Safari (I know, my bad), so today when I finally discovered that a few pages look weird on IE, I kinda freaked out.

Please take a look at this page using Firefox, and then IE, you'll get what I mean.

http://www.theurbanwire.com/uwtimatedownload/about.html

I've been building this website on Dreamweaver, and for this page, I made use of the layers function in Dreamweaver. I reckon that is probably a reason for the problem. Is there any way I can resolve this?

Thanks for any help! I will deeply appreciate it!

David-B

Hmm.. I'm not familiar with layers in Dreamweaver, but have you tried to make a wrapper, with margin-right: auto, margin-left: auto and a width that matches your flash-element. And then just throw it inside that div? That's the way I always center my divs and haven't experienced any issues with that, so far.

Aarlev

I think by layers he means z-index. Instead of having a table as a wrapper just use a DIV and as David-B says put margin:0 auto; on it. And then put text-align:center; on the body to center it in IE.

Here's some known IE/CSS issues..

http://www.webcredible.co.uk/user-fr...explorer.shtml

__________________
//PORTFOLIO\\

alyCe

not shure about the issue in question, but I would recomend putting the background image on the site as a background image, not just as an img src

just a lil' sugestion

__________________
glunge

fumblies

Would I still be able to do a little scrolling box in that specific area of the background graphic though? Or is there an alternative way to do it?

Thanks for the advice y'all.

Aarlev

Yep. All the above does is centering your page. The page you linked to was right aligned in IE but centered in FF so I assumed that was the problem?

__________________
//PORTFOLIO\\

fumblies

Yes, I think that is the problem. But I have no idea why it becomes right-aligned in IE though. How do I resolve this, anybody?

Aarlev

IE needs text-align:center; on the body to center align the page. And margin:0 auto; on your main container element for Firefox etc. E.g

CSS:

body {
text-align:center;

}

#container {
margin: 0auto;

}
HTML:

<div id="container">

The rest of your site code here.

</div>

That should do the trick. If you have any problems feel free to PM me and I will try to help you.

__________________
//PORTFOLIO\\

Web Design Company

I had a similar problem with a client's site and thankfully was able to solve it after I chanced upon the discussion here. Thank you all.