4 replies [Last post]
panteliskas
panteliskas's picture
Offline
newbie
Last seen: 7 years 32 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: 7 years 32 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: 2 hours 6 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

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: 7 years 32 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: 2 hours 6 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

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.