positioning a div

caz32 · 23 Jul 2013 at 12:18

Im trying to position my navbar inline with the text in my document but im having a hard time with it.

its current position is red and i want it to be where blue is

http://i.cubeupload.com/H1tjBG.jpg

code:

http://jsfiddle.net/z4XKK/

can anyone help?

cheers

i managed to get it there but when resizing the window it wouldn't move and on my tablet it stretched out the website, ive tried absolute, fixed and relative positioning.

dmsims · 23 Jul 2013 at 12:21

float:right

caz32 · 23 Jul 2013 at 12:25

dmsims said:
float:right

just goes to the far right of the screen, i can't seem to get the header and navigation working in my container

uniQ · 23 Jul 2013 at 13:06

Have a play with this:
http://jsfiddle.net/z4XKK/2/

caz32 · 23 Jul 2013 at 14:06

Thanks, managed to fix it by using float, I was wondering what is the best way to position text inside a div? I want my text left aligned but close to the center of my homepage

Oz!asM!dwinter · 25 Jul 2013 at 08:43

Use a div or other container element with a set width ( can be a percentage of parent width ) and both margin-left and margin-right set to auto.

p{
width:50%;
margin:0 auto;
text-align:left;
}

Dj_Jestar · 25 Jul 2013 at 12:17

in #nav, instead of "left:0" I switched to "right:0" and it was on the right.

caz32 · 25 Jul 2013 at 23:04

Thanks guys, finally got it all sorted.