Need help with scrollbars

ThijssjihT · 11-21-2011, 03:09 PM

Hi,

I designed a website for the band I'm playing in, but there's a problem with it. The website is based on wordpress (it's easier than custom made and it suits our needs). I used a template I made with artisteer, but I made some changes I couldn't do with artisteer. Again, I know about how to make a nice looking website myself, but with software, it's both easier and faster.

http://ongezoutenband.nl/2011/08/31/meezingen-met-ongezouten/

Here you can see an article I posted. The newspaper-look is a blockquote-element. I used this in the css:

Code:

/* begin PostQuote */
blockquote,
blockquote p,
.art-postcontent blockquote p,
blockquote a,
.art-postcontent blockquote a
{
-moz-column-width: 14em;
-webkit-column-width: 14em;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
  color: #000000;
  text-align: justify;
}

blockquote,
.art-postcontent blockquote
{
  border: solid 1px #7A7A7A;
  margin: 10px 10px 10px 50px;
  padding: 5px 5px 5px 41px;
  background-color: #F0EAD6;
  background-image: url('images/postquote.png');
  background-position: left top;
  background-repeat: no-repeat;/* makes blockquote not to align behind the image if they are in the same line */
  overflow: auto;
}

In IE, there are no columns, but that's no problem. As expected, IE does everything differently.

In Firefox, everything is displayed as it should.

In Safari (I never had difficulties with that browser before), it shows a horizontal scrollbar. It pushes the text up a bit, so that it is unreadable.

I added in the css:

Code:

overflow:hidden;
overflow-x:hidden;
overflow-y:hidden;

but it doesn't change a thing. It looks like safari doesn't support overflow.

Does anyone know how I can remove that scrollbar?

ThijssjihT · 11-21-2011, 03:23 PM

nevermind, I solved it. There was an additional overflow in the css, that cancelled the one I added.

11-21-2011, 03:09 PM	#1
ThijssjihT New Member Join Date: Nov 2011 Posts: 3	Need help with scrollbars Hi, I designed a website for the band I'm playing in, but there's a problem with it. The website is based on wordpress (it's easier than custom made and it suits our needs). I used a template I made with artisteer, but I made some changes I couldn't do with artisteer. Again, I know about how to make a nice looking website myself, but with software, it's both easier and faster. http://ongezoutenband.nl/2011/08/31/meezingen-met-ongezouten/ Here you can see an article I posted. The newspaper-look is a blockquote-element. I used this in the css: Code: /* begin PostQuote / blockquote, blockquote p, .art-postcontent blockquote p, blockquote a, .art-postcontent blockquote a { -moz-column-width: 14em; -webkit-column-width: 14em; -moz-column-gap: 1em; -webkit-column-gap: 1em; color: #000000; text-align: justify; } blockquote, .art-postcontent blockquote { border: solid 1px #7A7A7A; margin: 10px 10px 10px 50px; padding: 5px 5px 5px 41px; background-color: #F0EAD6; background-image: url('images/postquote.png'); background-position: left top; background-repeat: no-repeat;/ makes blockquote not to align behind the image if they are in the same line */ overflow: auto; } In IE, there are no columns, but that's no problem. As expected, IE does everything differently. In Firefox, everything is displayed as it should. In Safari (I never had difficulties with that browser before), it shows a horizontal scrollbar. It pushes the text up a bit, so that it is unreadable. I added in the css: Code: overflow:hidden; overflow-x:hidden; overflow-y:hidden; but it doesn't change a thing. It looks like safari doesn't support overflow. Does anyone know how I can remove that scrollbar?

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

11-21-2011, 03:23 PM	#2
ThijssjihT New Member Join Date: Nov 2011 Posts: 3	nevermind, I solved it. There was an additional overflow in the css, that cancelled the one I added.