View Full Version : i can't get my divs to position correctly....


XxsamanthaxX
04-18-2006, 02:15 PM
http://www.two-59.org/indextest.html

you can see in my source code that i even set the position to 0px, but it still won't "go where i want it to". i've been using iframes for about 6 years now, so i'm pretty new to this div id stuff......
i guess i should have added that i'm talking about the side div....

kiwee
04-18-2006, 04:17 PM
ummm...It looks fine to me, could you specify more clearly what div it is?

twix2006
04-18-2006, 04:31 PM
hm..when i checked, this is what you have:
<div style="position: absolute; left: 0; top: 0;">

i don't know if this'll make a difference..but i looked at my div tags and well, try this:
<div style="position:absolute; left:0px; top:0px;">

XxsamanthaxX
04-18-2006, 06:15 PM
i'm talking about the div with my info and cam stuff in it. i want it up a little higher. i tried what you suggested, but it didn't work. thanks though :)

twix2006
04-18-2006, 06:28 PM
oh oops..well..i'm looking at my own tags..i'm not sure if this'll work or not but it works for me...try replacing the "div id" with "div class"

J to the izzosh
04-18-2006, 06:50 PM
It doesn't look like there's any positioning applied to the <div> with the cam stuff in it, at all. Maybe that is your problem? Otherwise, everything seems to line up perfectly.

hm..when i checked, this is what you have:
<div style="position: absolute; left: 0; top: 0;">

i don't know if this'll make a difference..but i looked at my div tags and well, try this:
<div style="position:absolute; left:0px; top:0px;">
Actually, this change wouldn't do anything. Though, personally I agree that the properties and valies tend to look better without a space after the colon. :) Null (zero) values don't require that a unit be specified as 0px, 0em, 0%, etc. are all the same: zero. So, leaving them with the format of just "left:0;" works fine and is generally encouraged.

kiwee
04-18-2006, 08:29 PM
I just did a check with a FireFox extention that can Outline stuff (really good, search for Web Developer on the Firefox extentions). And it showed that it was right next to the div above, it is as close as it can get.

Try changing the margin and padding spacing to 0

XxsamanthaxX
04-18-2006, 09:07 PM
the side align works, but it won't align top wise. this is the code for the side #side {
position: absolute;
top: 0px; left: 370px;
font: 7pt georgia;
color: #000000;
width: 288px;
height: auto;}

see it's set to zero, but it still stays the same. i want my name to align next to the quotation mark. however, when i set the pixels to 100, it pushes it down even farther.....

J to the izzosh
04-18-2006, 09:39 PM
Oh, I see what you're wanting to do. The reason that with top set to 0, it isn't going from the top of the window is because #side is inside #blog, which is also absolutely positioned. If you absolutely position an element inside another element that is absolutely positioned, then top, right, bottom, and left become the top, right, bottom, and left of the inside of the parent element: it is 0 pixels from the top of #blog. Two ways you can achieve the effect that you want are 1) a negative value for the top position (try -40px), and 2) putting #side outside of the #blog <div> and positioning independently.

XxsamanthaxX
04-18-2006, 11:13 PM
oh my gosh!! i forgot to close a div tag. (i think) well i put another < / div > at the end of my blog div, and it fixed the problem. i'm such a retard.....

chessiepessie
04-19-2006, 12:38 AM
what is div?

kiwee
04-19-2006, 10:59 AM
lol Samantha,
we were all thinking it was going to be complex :P

XxsamanthaxX
04-19-2006, 02:28 PM
i know, now if i can just figure out how to get it integrated with greymatter. i can't believe i still use greymatter and iframes. i'm soooo 1999.....

kiwee
04-19-2006, 07:41 PM
don't diss oldskool :D