• 0

Website Help


Question

Hi, Trying to set up my website properly before i send it out into the open... But I've ran into a few problems...

This is my website www.creativejunkies.co.uk (not finished)

Now i should know this as im a web designer.... but hate the developing part as im rubbish at it which you can probably see from the mess of the css n html :)

Anyway... in IE , Chrome and Safari... it works fine (layout etc) but in firefox and opera it seems to be ignoring my css rules? not just on the home page but on them all...

If anyone could help I'd appreciate it, you can have some free web space or whatever (all i can offer sorry :/ )

Thanks in advance , Ash

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Haven't had any chance to figure out what exactly is causing the problem, but if you move around your css to where the latest-1(-2 and -3) is in between .wrapperFooter and #contentsRight p it should fix it.

.wrapperFooter  {
border-style:solid none none;
border-top:thin solid #999999;
margin-left:auto;
margin-right:auto;
padding:10px 0 15px;
width:950px;
}
/* roar */


#contents #contentsLeft #latest-1 {
float:left;
margin-bottom:15px;
margin-right:5px;
margin-top:25px;
width:185px;
}
#contents #contentsLeft #latest-2 {
float:left;
margin:25px 5px 15px;
width:185px;
}
#contents #contentsLeft #latest-3 {
float:left;
margin-bottom:15px;
margin-left:5px;
margin-top:25px;
width:185px;
}


/* roar */
#contentsRight p {
color:#999999;
font-size:12px;
}

Hopefully that will work to get you on the right track to figuring out what exactly was causing the issue. Your site looks nice by the way.

Link to comment
Share on other sites

  • 0

Haven't had any chance to figure out what exactly is causing the problem, but if you move around your css to where the latest-1(-2 and -3) is in between .wrapperFooter and #contentsRight p it should fix it.

.wrapperFooter  {
border-style:solid none none;
border-top:thin solid #999999;
margin-left:auto;
margin-right:auto;
padding:10px 0 15px;
width:950px;
}
/* roar */


#contents #contentsLeft #latest-1 {
float:left;
margin-bottom:15px;
margin-right:5px;
margin-top:25px;
width:185px;
}
#contents #contentsLeft #latest-2 {
float:left;
margin:25px 5px 15px;
width:185px;
}
#contents #contentsLeft #latest-3 {
float:left;
margin-bottom:15px;
margin-left:5px;
margin-top:25px;
width:185px;
}


/* roar */
#contentsRight p {
color:#999999;
font-size:12px;
}

Hopefully that will work to get you on the right track to figuring out what exactly was causing the issue. Your site looks nice by the way.

Cheers for pointing me in the right direction... that didn't work but moving around the css did, looks like one rule was cancelling out another :)

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.