Rounded Corners Help

http://imsergio.com/newtheme/

Can someone please help me? In FF, the rounded corners don't work, but in IE they don't. My other problem is that when you type too much text in the sidebar, the text is on the white background, not in the blue rounded corners area. I'm not sure how to explain it but feel free to download the template here. I really need help with this, thanks in advance.

www.imsergio.com/newtheme/theme.zip

 

Have you used Java to round the corners?

 

Nope, just css and html. Feel free to download the zip file http://www.imsergio.com/newtheme/theme.zip .

 

The two different ways you made the rounded corners are interesting, haven't seen anything about doing it that way yet, but it seems like those methods aren't widely supported. I think using corner graphics as backgrounds is well supported.

 

#right{float: right;
margin-right:20px;

}

 

That didn't work.

 

in your css replace

#right{margin-left:555px;
	
	 
	  }

Code (markup):

with this

#right{float: right;
margin-right:20px;

}

Code (markup):

Worked in FF and IE

 

Thanks a lot. Now we're getting somewhere. There's still a slight problem though, with the blank space when there's too much content.

 

The problem with that is your box is a gradient box and your jpg is only so big. If a solid color isn't a problem then I can propose a fix for it.

Try this one out Possible Fix


let me know

 

Thanks a lot. Well that works and it still looks good.

EDIT: Since you said the gradient was too short, I simply made it 1000px tall, and it fixed the problem. Although if I exceed the 1000px it won't work again, but I doubt I will.

Rep added.

 

how big is the file size of that background? If it's a jpeg it won't make it download faster if most of that 1000px is the same solid color, only works like that with gifs, and all of those 1000 pixels have to download even if you don't see them.

 

13.3kb, is that an alright size? EDIT: I just uploaded the update, http://imsergio.com/newtheme/ the background loaded immediately.

 

That could take a couple seconds to download on dialup. I would go with a 1,000 x 1px gif with 64 colors (only lose 4 colors setting it to 64), made from the center of that jpeg, like I did with the attached one. It's only about 350 bytes. Should be instant on any connection, and I bet you can't tell a visual difference.

View attachment bgsidebar.zip

I put it in a zip cause I had problems uploading it as a gif.

 

I can't tell the difference at all. Thanks. + Rep.