...

View Full Version : CSS issue (I think?) (adult site)



stellabrolin
09-17-2011, 01:56 AM
Something is wrong with the CSS of my site in Firefox and Internet Explorer! I'm self-taught so any help is much appreciated :)

www.chloeboulez.com/About (http://chloeboulez.com/About)

you can see that my photos are not staying in the frames!

here is the CSS

#container {width:1100; height:454; padding:0px;}
#image {float:left; width:344px; height:520px; padding:10px; border:30px solid black;}
#rotating-item-wrapper {position:relative; width:344px; height:520px;}
#image2 {width:395px; height:270px; padding:10px; border:30px solid black;}
#rotating-item-wrapper2 {position:relative; width:395px; height:270px;}
.rotating-item {display:none; position:absolute;}
#image2 {width:395px; height:270px; padding:10px; border:30px solid black;}
#image3 {float:left; width:250px; height:650px; padding:10px;}

and the HTML

<div id="container"><br>
<div id="image"><div id="rotating-item-wrapper">
<img src="Images/About1.jpg" width="324" height="500" border="10" align="left" class="rotating-item"/>
<img src="Images/About2.jpg" width="324" height="500" border="10" align="left" class="rotating-item"/>
<img src="Images/About3.jpg" width="324" height="500" border="10" align="left" class="rotating-item"/></div></div>

thanks in advance!!

teedoff
09-17-2011, 02:07 AM
You dont specify a valid doctype, which IE hates. All pages should have a doctype and <html> is not enough if you expect cross browser compliance.

You also have some other code validation errors (http://validator.w3.org/check?uri=http%3A%2F%2Fchloeboulez.com%2FAbout&charset=%28detect+automatically%29&doctype=Inline&group=0), but adding the doctype might take care of them as well.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum