Website Fix for FireFox*
- Started
- Last post
- 24 Responses
- ********
Our website layout aligns perfectly in IE, But goes nuts in FireFox....Please help, anyone with a fix.???????
>> http://www.cgindia.org/
- ********0
Will award $50 (US) Via paypal, whoever finds a fix. ;}
- detritus0
It might help if you draw attention to the exact detail of your problem, rather than expecting other people to wade through.
- CyBrain0
I believe it's the way the background color extends a little too far on the right side. Didn't work in Safari either.
- ********0
Something to do with:
#main2 (float:right missing?)
#sidebar ... widhts?
- ********0
#content {
width:900px;
margin:0 auto;
padding:2px 0px;
text-align:left;
}
#main {
width:650px;
float:Right;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1.2em;
font-size: 13.6px; font-style: normal;
}
#main2 {
background:#4C687E;
float:right;
width:640px;
padding:10px 0px 10px 10px;
}
#sidebar {
width:245px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; font-style: normal;
padding-bottom:10px;
}
#sidebar2 {
width:225px;
background:#4C687E;
float: left;
padding:10px 10px 10px;
}
- ********0
Thank Corvo....Its solve some of the problem. But, the bottom corners are not coming rounded. I am using Nifty corner trick for it. Also the CGI Google Gadget at the bottom of the sidebar is not displaying correctly. And their are some issues with fonts as well......check the website again in FOX.
- ********0
you have to cross-check all styles to see where the problem is...
btw #sidebar now has width 226px -it's:
#sidebar2 {
width:225px;
- ********0
Iits not causing problem.....something else stoping the rounded corners at bottom. I am not good with coding. please check these, if you find anything. thanks alot
http://cg-india.com/css/niftycor…
http://cg-india.com/js/nifty.js
- ismith0
Rounded corners are working for me in Safari.
- ********0
FireFox has da problem :(
- ********0
I have no clue what's keeping the bottom corners from showing up. Do you have a copy of the page you posted first?
- acescence0
i think where you went wrong was designing it for IE. i usually have a much easier time designing for firefox and safari, then adding a few hacks to fix it in IE
- ********0
problem is blogger powered pages are a labyrinth. it's just one sordid piece of inextricable and many times redundant code.
- ********0
acescence you are absolutely right i should have done that, and fix for it quite easy. But now situation is other way round and I cant redesign. This template design result of evolution in last three years from the basic Blogger template. As, i have said, i am just ok with the code, its take hell amount of my time.....So, any1 please help.
- caoimh0
Try:
adding a clear to the .rbottom class. This fixes it:
.rbottom{display:block;clear:bot...where's me 50? ;)
- ********0
where should I add this....in css style sheet of nifty corners or in template??.....email me (), I will give you code of my template, than you can fix the code using Blogger. Than send the code back to me, if website aligns perfectly in FireFox (same as IE) , than I will send 50$, I promise :)
- Raniator0
$50 to trawl through that ___ ____?
Don't need it.
- ********0
$50 might be not substantial amount for you to probe into the matter....May be word called ""Please"" will work :)
- fugged0
Can I just have the $50?
- Llyod0
50 rupees or dollars?