5 replies [Last post]
joshuak
joshuak's picture
Offline
newbie
Centreville, Maryland.
Last seen: 16 years 42 weeks ago
Centreville, Maryland.
Timezone: GMT-5
Joined: 2005-04-06
Posts: 3
Points: 0

Hi, I am new here, asked this question at another forum and never got an answer so I hope someone here can help.

"Is there any way to remove 200px from the bottom of my site and keep the same layout using divs?

I had to give the wide div next to the thin one a top: -208px to get it to line up with the thin one. and then I had to bring up the copyright one the same way so it lined up under them. Now I am stuck with an extra 200px under them (really it's 208, but I want an 8px space at the bottom)."

Site: http://www.kendallstudios.com/index2.php
CSS File: http://www.kendallstudios.com/styles/standard.css

kira80
Offline
Enthusiast
Last seen: 15 years 13 weeks ago
Joined: 2005-04-06
Posts: 59
Points: 0

200 extra pixels

Hi,

I don't really understand why you did that (I did't really tried either to be honnest : P ) but maybe using a negative margin of -208px instead of relative positionning could do the trick ?

like

/*instead of*/
div#top
{}
div#bottom
{
  position: relative;
  top: -208px;
}

/*maybe you could use*/
div#top
{
  margin-bottom: -208px;
}
div#bottom
{}

Maybe this is stupid I don't know...
I'm just saying it as it comes to my mind right now...
better than nothing
hope it will help

But I'm sure that relative positionning won't solve your problem : relative positionning leaves an invisible element right where the relatively placed element shoud be, so relative positionning doesn't change anything to the general layout of the page except the position of the relatively placed element (why am I so bad at explaining things in English).

joshuak
joshuak's picture
Offline
newbie
Centreville, Maryland.
Last seen: 16 years 42 weeks ago
Centreville, Maryland.
Timezone: GMT-5
Joined: 2005-04-06
Posts: 3
Points: 0

200 extra pixels

Didn't work.

kira80
Offline
Enthusiast
Last seen: 15 years 13 weeks ago
Joined: 2005-04-06
Posts: 59
Points: 0

200 extra pixels

Okay I think I understand why you did that, now !
Sorry for my fast and stupid reply.

I think what you need are floats for the left and right divs.
(I'm thinking about it...)

kira80
Offline
Enthusiast
Last seen: 15 years 13 weeks ago
Joined: 2005-04-06
Posts: 59
Points: 0

200 extra pixels

For example :

<div id="centering">
  <div id="left"></div>
  <div id="right"></div>
</div>

#centering
{
  margin: 0 auto 0 auto;/*may not work with IE; if it doesn't, be sure the parent element has "text-align: center;"*/
  width: 584px; /*is this 192 + 392 ? It should be lol...*/
}

#left
{
  float: left;
  width: 192px; /*try 190px first instead*/
etc...
}
#right
{
  float: right;
  width: 392px; /*try 390px first instead*/
etc...
}

I think it is the general idea and a good starting point to begin to try some things....

joshuak
joshuak's picture
Offline
newbie
Centreville, Maryland.
Last seen: 16 years 42 weeks ago
Centreville, Maryland.
Timezone: GMT-5
Joined: 2005-04-06
Posts: 3
Points: 0

200 extra pixels

Someone somewhere else finally answered it, I might post what the change was here when I figure it. They were nice and copied my stylesheet and fixed it so all I had to do was save it. I will be looking to see what was changed so I know from now on.