11 Replies - 651 Views - Last Post: 10 April 2012 - 12:55 AM

#1 hmdnawaz  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 09-April 12

html and css width problem

Posted 09 April 2012 - 11:46 PM

Hi,
Look at this website.
http://harleydragon.info

It has a width problem. Look at the horizantal scrolling. I want to remove that scrolling and fix the width of the site but I am not able to do so. I tried and the
margin:0 auto

to the body tag but it did not solve my problem.

second When I hover the mouse over the last navigation menu item(Pigoen forge) the menu appears but note the horizontal scroll bar, when the menu appears the width of the site increases and the items of the menu appears on the right side which are hidden from the browser window. SO how will I fix it? If the browser window finished then it must display the menu items on the left side.

Please help me out from these two problems. I tried and spent a lot of time on these issues but cannot fix it.

Is This A Good Question/Topic? 0
  • +

Replies To: html and css width problem

#2 Macjohn  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 80
  • View blog
  • Posts: 407
  • Joined: 10-April 09

Re: html and css width problem

Posted 09 April 2012 - 11:52 PM

probably is your resolution, because I got no horizontal scrolling!
Was This Post Helpful? 0
  • +
  • -

#3 hmdnawaz  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 09-April 12

Re: html and css width problem

Posted 10 April 2012 - 12:10 AM

It is not the resolution problem.
Hover the mouse over the last navigation menu item. You should see the horizontal scrolling which means its width increases.
Was This Post Helpful? 0
  • +
  • -

#4 Macjohn  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 80
  • View blog
  • Posts: 407
  • Joined: 10-April 09

Re: html and css width problem

Posted 10 April 2012 - 12:20 AM

I'm using a 24inch screen, resolution 1920x1080 and no scrollbar....I've been in almost every single page of your website!
Was This Post Helpful? 0
  • +
  • -

#5 hmdnawaz  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 09-April 12

Re: html and css width problem

Posted 10 April 2012 - 12:22 AM

You are using a 24 inch screen. Try to use 17 inch screen and you should see the problem.
Was This Post Helpful? 0
  • +
  • -

#6 Macjohn  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 80
  • View blog
  • Posts: 407
  • Joined: 10-April 09

Re: html and css width problem

Posted 10 April 2012 - 12:28 AM

Like I said...is your resolution...you can't fit everything in your screen...that is way you have that problem!
You should edit your resolutions in your css

This post has been edited by Macjohn: 10 April 2012 - 12:28 AM

Was This Post Helpful? 0
  • +
  • -

#7 hmdnawaz  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 09-April 12

Re: html and css width problem

Posted 10 April 2012 - 12:35 AM

How and where will I edit my resolution in css?
Was This Post Helpful? 0
  • +
  • -

#8 Macjohn  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 80
  • View blog
  • Posts: 407
  • Joined: 10-April 09

Re: html and css width problem

Posted 10 April 2012 - 12:41 AM

somewhere in the body you should have somethign like this.

body{
width: yyyy px;
height: yyyy px;
}


oh, can you please tell me your screen resolution(your screen, not website)?
Was This Post Helpful? 0
  • +
  • -

#9 DimitriV  Icon User is offline

  • They don't think it be like it is, but it do
  • member icon

Reputation: 583
  • View blog
  • Posts: 2,738
  • Joined: 24-July 11

Re: html and css width problem

Posted 10 April 2012 - 12:43 AM

Try this page - it may be of some use in concern to your problem.
http://www.sitepoint...-body-elements/
Was This Post Helpful? 0
  • +
  • -

#10 Macjohn  Icon User is offline

  • D.I.C Regular
  • member icon

Reputation: 80
  • View blog
  • Posts: 407
  • Joined: 10-April 09

Re: html and css width problem

Posted 10 April 2012 - 12:49 AM

Now, using a 13inch screen i have the "same" problem as you!
I'm using 1440x900 resolution, and it only shows the scrollbar for 1inch of screen...but i can see your entier page, no prob...so check again your screen resolutions.
Was This Post Helpful? 0
  • +
  • -

#11 DimitriV  Icon User is offline

  • They don't think it be like it is, but it do
  • member icon

Reputation: 583
  • View blog
  • Posts: 2,738
  • Joined: 24-July 11

Re: html and css width problem

Posted 10 April 2012 - 12:54 AM

1024x768, nothing dodgy here.
Was This Post Helpful? 0
  • +
  • -

#12 hmdnawaz  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 09-April 12

Re: html and css width problem

Posted 10 April 2012 - 12:55 AM

my screen resolution is 1024*768.

Please also look at the navigation menu problem too.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1