I'm designing the layout of the design at http://humansummit.blogspot.com

I found out that the right side widget is out of the margin when open in Firefox browser.

IE and chrome are fine.

Do anyone know how to fix it ?

Thanks!

Recommended Answers

Change the margin-top value from -36px to -38px for #sidebar-wrapper.

Jump to Post

I'll take a look at it in the morning...

Jump to Post

please tell us what is happening to the div in ie and ch

Jump to Post

All 9 Replies

Change the margin-top value from -36px to -38px for #sidebar-wrapper.

After I changed, It's look good in firefox but not is chrome and IE.

help!

I'll take a look at it in the morning...

please tell us what is happening to the div in ie and ch

#sidebar-wrapper {
-moz-border-radius:10px 10px 0 0;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
background-attachment:scroll !important;
float:right;
margin-top:-38px;
overflow:hidden;
width:417px;
word-wrap:break-word;
display:block;
}

IE and chrome margin-top:-36px
Firefox margin-top:-38px

How can I standardize all the browsers css ?

thanks

Have you already tried with 'em' instead of 'px' ?

Thanks Zero13!!! It's looks great now!

TQTQ!

OMG...now having problem in Safari browser!

HELP!

ok it's solved now! thanks everyone! :)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.21 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.