ThijssjihT
New Member
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:
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:
but it doesn't change a thing. It looks like safari doesn't support overflow.
Does anyone know how I can remove that scrollbar?
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?