Jump to content


width 100% problem

  • Please log in to reply
1 reply to this topic

#1 aebstract

  • Members
  • PipPipPip
  • Advanced Member
  • 1,105 posts

Posted 15 October 2006 - 07:27 PM

Eh.. I hate these kinda problems with css. Anyway, I have a div that I have position absolutely top: 0 and left: 576. I want that div to fill in the remainder of the screen, going to the right. I put width 100% but that makes the whole page scroll and makes that div really wide, not just end at the side of the page. www.carbenco.com for the sample, the brown is what should end at the side of the screen, but continues. Here is the css for that div:

#two {
		position: absolute; top: 0px; left:576px;
		background: url("brownbg.jpg");
		width: 100%;
                height: 504px;


There is an area of the mind that could be called unsane, beyond sanity, and yet
not insane. Think of a circle with a fine split in it. At one end there's
insanity. You go around the circle to sanity, and on the other end of the
circle, close to insanity, but not insanity, is unsanity.

#2 wildteen88

  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 16 October 2006 - 06:25 PM

Dont use postition use floats.

Float #two to the left and the other div you have to the left too of #two

Try to aviod using absolute postioning. Learnt to use CSS layouts with floats they are alot more easier.

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users