Click to See Complete Forum and Search --> : Aligning problems <PLEASE HELP!>


Wasiu0607
02-04-2003, 08:01 PM
Hello, I was wondering how I can put a poll beside another existing poll instead of at the bottom of it. For example in my poll I put <div align="left> and in my other poll I put <div align="center">, but it is at tbe bottom center. Please message me back ASAP. THANKS!!:D

khalidali63
02-04-2003, 08:17 PM
you will have to position both div elements at certain places on the page using css postion:absolute property

nkaisare
02-04-2003, 08:30 PM
You may want to try something like this:
<div style="position: absolute; left: 0px; top: 0px; width: 250px;">
<!-- Your First Poll Here -->
</div>

<div style="position: absolute; left: 250px; top: 0px; width: 250px;">
<!-- Your Second Poll Here -->
</div>

Stefan
02-05-2003, 05:53 AM
This should work too.

<div style="float:left; width: 250px;">
<!-- Your First Poll Here -->
</div>

<div>
<!-- Your Second Poll Here -->
</div>

Wasiu0607
02-06-2003, 10:02 AM
Nope... I put
<center><font face="verdana, sans serif" size="1">

<div style="position: absolute; left: 0px; top: 0px; width: 250px;">
<----MY POLL'S LINK---->
</div>

<div style="position: absolute; left: 250px; top: 0px; width: 250px;">
<----MY POLL'S LINK---->
</div>


Also I tried the other one with Float, but it didn't work either.. Whats the problem?

<<< http://www.angelfire.com/trek/animeng/polls.html >>>
Please go and check out what is wrong. Thanks once again!

Wasiu0607
02-06-2003, 10:05 AM
Well actually the Float script worked. But my second poll seems to be messed up somehow.. I actually wanted the polls to be a little closer, but that's ok.. At least it worked..
http://www.angelfire.com/trek/animeng/polls.html << THANKS!

Stefan
02-06-2003, 10:33 AM
Originally posted by Wasiu0607
Well actually the Float script worked. But my second poll seems to be messed up somehow.. I actually wanted the polls to be a little closer

Specify a lower value then 250px for the float then...

nkaisare
02-06-2003, 12:22 PM
Originally posted by Stefan


Can he not use the following?

<div style="float:left; width:auto;">
<!-- Your First Poll Here -->
</div>

<div>
<!-- Your Second Poll Here -->
</div>

Stefan
02-06-2003, 03:15 PM
Originally posted by nkaisare
Can he not use the following?

<div style="float:left; width:auto;">


No, you must always provide a specific width with a floated object (unless it got a "built in width" like eg an image).

http://www.w3.org/TR/REC-CSS2/visuren.html#floats
second paragraph.

Different browsers also behave quite differently when the required width is missing, so it will likely break your webpage to leave it unspecified.