4 replies [Last post]
panteliskas
panteliskas's picture
Offline
newbie
Last seen: 9 years 31 weeks ago
Timezone: GMT+3
Joined: 2013-04-23
Posts: 3
Points: 4

In my drupal site i have a header background image(clouds) and i TRY to insert and another image (house) to header. I insert the last as block image. My problem is that WHEN i do the window smalller the house image has "strange" appearence. How can i solve this problem?

Thanks a lot!!!

panteliskas
panteliskas's picture
Offline
newbie
Last seen: 9 years 31 weeks ago
Timezone: GMT+3
Joined: 2013-04-23
Posts: 3
Points: 4

Sorry my

Sorry my url:chaniapolis.gr

Thanks again!!

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 39 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Why do you have this?

body {
  background-color: #B8B8B8;
  margin: 0;
  overflow-x: hidden;  ←
  padding: 0;
  }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

panteliskas
panteliskas's picture
Offline
newbie
Last seen: 9 years 31 weeks ago
Timezone: GMT+3
Joined: 2013-04-23
Posts: 3
Points: 4

Because i do not want to

Because i do not want to appear the scroll bar of the browser.

P.K

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 39 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Hiding overflow

panteliskas wrote:

Because i do not want to appear the scroll bar of the browser.

The way you do that is to make the page responsive to the size of the viewport (window size). Without the scrollbar, overflow content is unavailable to your visitor.

Now, specifically, what do you mean by "[…]the house image has 'strange' appearence."?

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.