CSS Trouble
Started by Hip Hop Artist, Feb 06 2008 09:47 PM
9 replies to this topic
#1
Posted 06 February 2008 - 09:47 PM
I am having trouble getting some divs to display properly. I want the div that says body to be aligned on the right, but when i do a float it pops outside of its containing div. Can anyone help me with this and tell me why its doing this?
http://toon-workshop...orums/topic.php
http://toon-workshop...orums/topic.php
#2
Posted 06 February 2008 - 10:14 PM
i looked at your css and you have no div named body, there are no divs there all classes. When you use body { like that it affects the background if you want to make a div body do #body {.
#3
Posted 06 February 2008 - 11:03 PM
Lastcrime, on Feb 7 2008, 04:14 AM, said:
i looked at your css and you have no div named body, there are no divs there all classes. When you use body { like that it affects the background if you want to make a div body do #body {.
the div isnt named body...it has the text "body" in it. the div im trying to fix is called topicbody
Edited by Hip Hop Artist, 06 February 2008 - 11:08 PM.
#4
Posted 06 February 2008 - 11:17 PM
okay i see it now, im not sure what your trying to put right? if you want the text to go right just use text-align:right; But if you want it to stay right using float it might be a mistake in your html, would you mind posting that part of your html.
#5
Posted 06 February 2008 - 11:23 PM
<div class="topicbox"> <div class="topicborder"> <div class="topicsep"> <div class="topicinside">Author Info</div> </div> <div class="topicbody"> Body</div> </div> </div>
I tried float but it just then the topicbody div pops outside of its containting div called topicborder.
#6
Posted 07 February 2008 - 03:53 AM
Hi, Hip Hop Artist! 
Like Lastcrime, I'm unsure on what it is you're asking, but if you want the actual div itself to reach to the end of the table, from me editting the width: property in FireBug (Firefox Extension) from the set 600px to inherit made it reach the end.
If you could elaborate some more on what it is you want (if the above doesn't answer what you want solved), then we might be able to help you some more.
Like Lastcrime, I'm unsure on what it is you're asking, but if you want the actual div itself to reach to the end of the table, from me editting the width: property in FireBug (Firefox Extension) from the set 600px to inherit made it reach the end.
If you could elaborate some more on what it is you want (if the above doesn't answer what you want solved), then we might be able to help you some more.
#7
Posted 07 February 2008 - 03:57 AM
Hip Hop Artist, on Feb 6 2008, 09:47 PM, said:
I am having trouble getting some divs to display properly. I want the div that says body to be aligned on the right, but when i do a float it pops outside of its containing div. Can anyone help me with this and tell me why its doing this?
http://toon-workshop...orums/topic.php
http://toon-workshop...orums/topic.php
Can you please upload an image?
Your website is blocked here at work!
#8
Posted 07 February 2008 - 03:24 PM
ok the inherit worked, but now when i put something inside the divs they overlap everything else (see link)
#9
Posted 07 February 2008 - 11:04 PM
That's because you're using floats, my friend. 
I haven't managed to make a complete fix for the issue through Firebug, but if you add overflow: auto to the .topicbox class properties, you will at least get it get it recognising the float within it and adjusting the height for Firefox. I haven't looked in IE since Firebug doesn't work through my IE Tab extension. I would've thought height: auto would've done it, but apparently not.
It's a start for you to look into, but that seems to be a step in the right direction to having it working.
I haven't managed to make a complete fix for the issue through Firebug, but if you add overflow: auto to the .topicbox class properties, you will at least get it get it recognising the float within it and adjusting the height for Firefox. I haven't looked in IE since Firebug doesn't work through my IE Tab extension. I would've thought height: auto would've done it, but apparently not.
It's a start for you to look into, but that seems to be a step in the right direction to having it working.
#10
Posted 08 February 2008 - 03:05 PM
ok thanks ill try that out.
1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users
