for some reason I run into this problem alot. I have another alignment problem, where I have a navigation bar on the left and the content on the right. The two div's will not go side by side even after I have checked that neither is too big and tried floating each one to their approriate site, but then it removes the divs from the container div. What's wrong?
the site is here:
<!-- m --><a class="postlink" href="http://akos91.bravehost.com">http://akos91.bravehost.com</a><!-- m -->
the stylesheet is here:
<!-- m --><a class="postlink" href="http://akos91.bravehost.com/style/style.cssadd">http://akos91.bravehost.com/style/style.cssadd</a><!-- m --> display:inline to the navigation DIVhm I dont think that worked. thanks anywaysLook at your nav div...
#nav {
width: 100px;
padding: 0px;
margin-right: 590px;
padding-top: 0px;
background: transparent;
font-family: Arial, Arial Black, Arial Narrow;
color: #000000;
font-size: 8pt;
top: 0;
left: 0;
vertical-align: top;
border-right: 1px solid #000000;
}
Change your margin-right value from 590px to something like 10px or smaller. I think that's what's keeping the content div from being able to move up beside the nav div.yea, it used to be that but I was experimenting as well...I'll try again and see what happens. thanks.
nope, didn't work. thanks all the same.Make both your DIV's
display:inlinethanks, but it is still not working. it made the background dissapear from my nav bar and made the background of my content to fit the text, but it did not help with the alignment.
the site is here:
<!-- m --><a class="postlink" href="http://akos91.bravehost.com">http://akos91.bravehost.com</a><!-- m -->
the stylesheet is here:
<!-- m --><a class="postlink" href="http://akos91.bravehost.com/style/style.cssadd">http://akos91.bravehost.com/style/style.cssadd</a><!-- m --> display:inline to the navigation DIVhm I dont think that worked. thanks anywaysLook at your nav div...
#nav {
width: 100px;
padding: 0px;
margin-right: 590px;
padding-top: 0px;
background: transparent;
font-family: Arial, Arial Black, Arial Narrow;
color: #000000;
font-size: 8pt;
top: 0;
left: 0;
vertical-align: top;
border-right: 1px solid #000000;
}
Change your margin-right value from 590px to something like 10px or smaller. I think that's what's keeping the content div from being able to move up beside the nav div.yea, it used to be that but I was experimenting as well...I'll try again and see what happens. thanks.
nope, didn't work. thanks all the same.Make both your DIV's
display:inlinethanks, but it is still not working. it made the background dissapear from my nav bar and made the background of my content to fit the text, but it did not help with the alignment.