Jump to content


CSS Trouble


9 replies to this topic

#1 Hip Hop Artist

    Young Padawan

  • Members
  • Pip
  • 152 posts
  • Gender:Male
  • Location:Canada

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

#2 Lastcrime

    Impatient Jedi that likes to eat cereal

  • Members
  • PipPipPip
  • 649 posts
  • Gender:Male
  • Location:Toronto, Ontario, Canada
  • Interests:Soccer, Snowboarding, Hockey, B-ball, Skateboarding, Computers!

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 Hip Hop Artist

    Young Padawan

  • Members
  • Pip
  • 152 posts
  • Gender:Male
  • Location:Canada

Posted 06 February 2008 - 11:03 PM

View PostLastcrime, 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 Lastcrime

    Impatient Jedi that likes to eat cereal

  • Members
  • PipPipPip
  • 649 posts
  • Gender:Male
  • Location:Toronto, Ontario, Canada
  • Interests:Soccer, Snowboarding, Hockey, B-ball, Skateboarding, Computers!

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 Hip Hop Artist

    Young Padawan

  • Members
  • Pip
  • 152 posts
  • Gender:Male
  • Location:Canada

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 shameless_w_o_a_d

    Young Padawan

  • Members
  • Pip
  • 42 posts
  • Gender:Male
  • Location:New Zealand
  • Interests:Web Design, Graphics Design, Computers, Games, Music, Basketball

Posted 07 February 2008 - 03:53 AM

Hi, Hip Hop Artist! :P

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 communiti.ch

    Young Padawan

  • Members
  • Pip
  • 52 posts

Posted 07 February 2008 - 03:57 AM

View PostHip 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

Can you please upload an image?
Your website is blocked here at work!

#8 Hip Hop Artist

    Young Padawan

  • Members
  • Pip
  • 152 posts
  • Gender:Male
  • Location:Canada

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 shameless_w_o_a_d

    Young Padawan

  • Members
  • Pip
  • 42 posts
  • Gender:Male
  • Location:New Zealand
  • Interests:Web Design, Graphics Design, Computers, Games, Music, Basketball

Posted 07 February 2008 - 11:04 PM

That's because you're using floats, my friend. :P

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. :P

#10 Hip Hop Artist

    Young Padawan

  • Members
  • Pip
  • 152 posts
  • Gender:Male
  • Location:Canada

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