Jump to content
Stef's Coding Community
Sign in to follow this  
grabenair

I rounded my cornes

Recommended Posts

I used -moz-border-radius and -webkit-border-radius to round my corners. The box has scoll bars I can not figger out how to make it look right. In my code I used auto instead of scroll for I do not have a empty bar at the bottom. Here is the link to the page that I am working on. http://robertbonnerswebdesigns.com/bg_testing.htm what I am looking to do is make the corners rounded with the scroll bars. I am going to change the the page to html 5 also. My client does not care what it looks like in IE he said "I don't care about IE.. It can look crappy for all I care" Lets just say he hates IE.

Share this post


Link to post
Share on other sites

Sorry I am not very good at explaining what i am trying to do. I want to keep the box at a fixed size, with the scroll bars. Because my client wants the background to stretch the way it does. The background that is there is for testing for now along with my css not in an external file. I do not want the background to move I am going to add parts of photos superimposed on top and need the content to be in a small box. What I mean is I need to take parts of photos like my clients head and put it in a div some where on the page on top of the background. So I have to have all the content on the page without having to scroll to see it all. Back to my prob I made the mistake of showing him the rounded corners, because I like the look, but that was before I added the content. My prob is that I can not figer out, or find any info on this, how to keep my scroll bars inside the rounded corners. I tried html5 also same prob. By the way I learned html5 from this site very good tut. I had fun working along.

Edited by grabenair

Share this post


Link to post
Share on other sites

Well, the scroll bars can't be rounded, so there will be a gap on the right side between the scroll bars and the right border. Probably the easiest way to do what you have in mind is to use two divs -- one outside div that creates the rounded corners, and an inner div that includes the scroll bars and a narrower width than the outer div so the scroll bar doesn't conflict with the rounded corners.

Share this post


Link to post
Share on other sites

Actually, you can sytle the scroll bars using CSS.

 

Width, color, transparency and you can replace the up and down arrow buttons with images... so technically you can "round" the scrollbars

Share this post


Link to post
Share on other sites

Actually, you can sytle the scroll bars using CSS.

 

Width, color, transparency and you can replace the up and down arrow buttons with images... so technically you can "round" the scrollbars

As far as I understand it, styling via CSS is limited to either IE specific styling, or to Webkit specific browsers (Safari/Chrome) that support modern specialized properties.

Share this post


Link to post
Share on other sites

Thanks BeeDiv for the link. I will book that as I probly will use it in the future. What I did to salve my prob is here http://www.r obertbonnerswebdesigns.com/first_interview.htm I give all the credit to Ben. Don't forget to remove the space. I put a div inside of a div.

Edited by grabenair

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...