Div elements pushed down

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
User avatar
Sindarin
Forum Regular
Posts: 521
Joined: Tue Sep 25, 2007 8:36 am
Location: Greece

Div elements pushed down

Post by Sindarin »

Code: Select all

<div>
<div style="position:relative;left:0px;top:0px;width:32px;background:red;">test</div><div style="position:relative;left:55px;top:0px;width:32px;">test</div>
</div>
It should be displaying as

Code: Select all

[b]test test[/b]
not

Code: Select all

[b]test
      test[/b]
I tried every possible combination with my external stylesheets unlinked as well. What's going on?
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: Div elements pushed down

Post by kaszu »

Setting top, left, right, bottom for 'relative' position element doesn't puts it at the top, left, right or bottom, but it acts similar to margin. You should use floats or set position to absolute.
User avatar
iFlex
Forum Commoner
Posts: 41
Joined: Sat May 30, 2009 3:44 am

Re: Div elements pushed down

Post by iFlex »

kaszu wrote:Setting top, left, right, bottom for 'relative' position element doesn't puts it at the top, left, right or bottom, but it acts similar to margin. You should use floats or set position to absolute.
:mrgreen: I was just about to mention position absoute! 8)
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Re: Div elements pushed down

Post by pickle »

You could try floating the first div too.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
ofir0803
Forum Newbie
Posts: 22
Joined: Sun Jan 18, 2009 3:03 pm

Re: Div elements pushed down

Post by ofir0803 »

or u can do this...

Code: Select all

<div style="width:64px;">
    <div style="float:right;width:32px;background:red;">test</div>
    <div style="float:left;width:32px;">test</div>
   </div>
User avatar
Sindarin
Forum Regular
Posts: 521
Joined: Tue Sep 25, 2007 8:36 am
Location: Greece

Re: Div elements pushed down

Post by Sindarin »

Thanks it worked now.
Post Reply