Div Float Help

Show off new creations, get help, or just chat about all aspects of web development and design.

Div Float Help

Postby Imoddedu on Mon Jul 13, 2009 8:23 pm

In this page, why is the div "rightcont" so far away from the other? How do you get it closer?

http://steamclans.com
Imoddedu
Regular
Regular
 
Joined: Thu Jun 25, 2009 8:06 pm

Re: Div Float Help

Postby Blink on Mon Jul 13, 2009 8:25 pm

What page?
User avatar
Blink
Cool 'n that
Cool 'n that
 
Joined: Fri Oct 08, 2004 4:16 pm
Location: UK

Re: Div Float Help

Postby Imoddedu on Mon Jul 13, 2009 8:30 pm

I forgot to post it, I edited the post though! :)
Imoddedu
Regular
Regular
 
Joined: Thu Jun 25, 2009 8:06 pm

Re: Div Float Help

Postby Surfa on Mon Jul 13, 2009 8:33 pm

Well if you are floating right it basically mean you are positioning it as far to the right as possible so on a large resolution it would look miles away but on a smaller res it wouldn't look so far.
Surfa
May Contain Skills
May Contain Skills
 
Joined: Sun Dec 30, 2007 3:04 pm

Re: Div Float Help

Postby Imoddedu on Mon Jul 13, 2009 8:34 pm

How do you make it closer? Like only 10-20 pixels from the div "leftcont"
Imoddedu
Regular
Regular
 
Joined: Thu Jun 25, 2009 8:06 pm

Re: Div Float Help

Postby Surfa on Mon Jul 13, 2009 8:39 pm

Float it left then add a padding to the left of the div tag in the .css.
Code: Select all
.test
{
float:left;
padding-left: 20px;
}


Or place them all in a container div tag.
Surfa
May Contain Skills
May Contain Skills
 
Joined: Sun Dec 30, 2007 3:04 pm

Re: Div Float Help

Postby Imoddedu on Mon Jul 13, 2009 8:41 pm

Thank you! Smart idea!
Imoddedu
Regular
Regular
 
Joined: Thu Jun 25, 2009 8:06 pm

Re: Div Float Help

Postby Imoddedu on Mon Jul 13, 2009 9:12 pm

Another question-
To position the google ad to the top, to the right of the div with text, do I have to float that or something?
Imoddedu
Regular
Regular
 
Joined: Thu Jun 25, 2009 8:06 pm

Re: Div Float Help

Postby Surfa on Mon Jul 13, 2009 9:23 pm

I am quite bad at explaining stuff with text so I will show you these images.
Image
Image

As you can see it is all about the position of the div tags in the html code. If I put the div 1 tag first it shows that on top but if I put div 2 first it shows div 2 on top.
Surfa
May Contain Skills
May Contain Skills
 
Joined: Sun Dec 30, 2007 3:04 pm

Re: Div Float Help

Postby Blink on Mon Jul 13, 2009 9:24 pm

Using floats and/or positioning you can have the divs in any order.
User avatar
Blink
Cool 'n that
Cool 'n that
 
Joined: Fri Oct 08, 2004 4:16 pm
Location: UK

Re: Div Float Help

Postby Surfa on Mon Jul 13, 2009 9:27 pm

Blink wrote:Using floats and/or positioning you can have the divs in any order.

You serious? My god it is a good thing I didn't go into web development.
Surfa
May Contain Skills
May Contain Skills
 
Joined: Sun Dec 30, 2007 3:04 pm

Re: Div Float Help

Postby Imoddedu on Mon Jul 13, 2009 9:39 pm

But like, how can I get it to show the google ad to the right of the div. Because if I do that, won't it place the google ad just below it?
Imoddedu
Regular
Regular
 
Joined: Thu Jun 25, 2009 8:06 pm

Re: Div Float Help

Postby Blink on Mon Jul 13, 2009 9:49 pm

Imoddedu wrote:But like, how can I get it to show the google ad to the right of the div. Because if I do that, won't it place the google ad just below it?


I can't see a google ad. Not sure what you mean mate.
User avatar
Blink
Cool 'n that
Cool 'n that
 
Joined: Fri Oct 08, 2004 4:16 pm
Location: UK

Re: Div Float Help

Postby Surfa on Mon Jul 13, 2009 9:51 pm

Blink wrote:
Imoddedu wrote:But like, how can I get it to show the google ad to the right of the div. Because if I do that, won't it place the google ad just below it?


I can't see a google ad. Not sure what you mean mate.


I can't either but I thought that I because I have an ad blocker up.
Surfa
May Contain Skills
May Contain Skills
 
Joined: Sun Dec 30, 2007 3:04 pm

Re: Div Float Help

Postby Imoddedu on Mon Jul 13, 2009 9:55 pm

It is down in the bottom right.
Imoddedu
Regular
Regular
 
Joined: Thu Jun 25, 2009 8:06 pm
Next

Return to Web Design & Development

Who is online

Users browsing this forum: No registered users

cron