Design problem question

  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8409
  • Loc: USA

Post 3+ Months Ago

The design on some of my forum posts are broken and on others its not. Its probably because of the length of the actual post... how should I go about fixing it?

Here is a link to a forum post on my site where the design is broken:
http://www.wedevoy.com/web-programming/coding-login-function-t79.html

And here is a link to a forum post on my site where the design is not broken:
http://www.wedevoy.com/web-programming/creating-cms-feature-request-t37.html
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • bilhasry4you
  • Novice
  • Novice
  • bilhasry4you
  • Posts: 33

Post 3+ Months Ago

try to check your CSS code first..
can you post your code here?
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8409
  • Loc: USA

Post 3+ Months Ago

bilhasry4you wrote:
try to check your CSS code first..
can you post your code here?

The css and the code for both pages are the same... you can view source to check them
  • immortality
  • Newbie
  • Newbie
  • immortality
  • Posts: 8

Post 3+ Months Ago

Is it an ad of your project? :-)
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8409
  • Loc: USA

Post 3+ Months Ago

immortality wrote:
Is it an ad of your project? :-)

What do you mean? I'm not advertising anything but my problem here
  • joebert
  • Fart Bubbles
  • Genius
  • User avatar
  • Posts: 13503
  • Loc: Florida

Post 3+ Months Ago

I'm not sure exactly what to do, but I think it's going to have something to do with your sidebar and footer elements. It's also definitely not going to be as simple as adding "clear:both" to your footers CSS like I originally thought it was going to be.

Might have been good to mention that it's the footer jumping up with short posts. The problem isn't exactly obvious from your first post bogey. :)
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8409
  • Loc: USA

Post 3+ Months Ago

Well, I have a two column layout... the footer is bordering the right column which could be smaller then the left column, and the left column that holds the design is bordering the footer... it only looks right when the right column... where the forum post is, bigger then the left column... which holds the navigation.
  • Zwirko
  • Guru
  • Guru
  • User avatar
  • Posts: 1417
  • Loc: 55° N, 3° W

Post 3+ Months Ago

Can't you just remove the absolute positioning from the left_column? I always find that mixing a float with absolute positioning can cause headaches all over the place.

If I edit your css from within Firefox's web developer toolbar to remove the absolute positioning from the left_column then your footer behaves itself. I didn't look to see if this causes any problems on other pages.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8409
  • Loc: USA

Post 3+ Months Ago

Sorry it took me awhile to post back... had trouble with my FTP server... got that sorted out.

That fixed the problem with the short posts... now if I have long posts, the left menu doesn't reach the footer... it's better now than it was because the left menu is actually readable in small and large posts, it's just that it doesn't look all that good in large posts.

I want the left menu to always extend to the footer.
  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Posts: 854

Post 3+ Months Ago

instead of putting this image:

Code: [ Select ]
http://www.wedevoy.com/styles/wedevoy/theme/images/left2.png


as your background for the left_column, apply it to your "site_wrap" instead. so your css for site_wrap should look like this:

CSS Code: [ Select ]
#site_wrap {
min-width: 800px;
background: #ffffff url('./styles/wedevoy/theme/images/left2.png') repeat-y scroll top right;
}
 
  1. #site_wrap {
  2. min-width: 800px;
  3. background: #ffffff url('./styles/wedevoy/theme/images/left2.png') repeat-y scroll top right;
  4. }
  5.  
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8409
  • Loc: USA

Post 3+ Months Ago

The image is too big to go there... and the design is fluid so one size wouldn't work anyway... Any other suggestions?
  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Posts: 854

Post 3+ Months Ago

okay, just checked it using the developer tool built into IE8, try this:

CSS Code: [ Select ]
#site_wrap {
background: url(./styles/wedevoy/theme/images/left2.png) #ffffff repeat-y -236px top
}
 
  1. #site_wrap {
  2. background: url(./styles/wedevoy/theme/images/left2.png) #ffffff repeat-y -236px top
  3. }
  4.  
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8409
  • Loc: USA

Post 3+ Months Ago

There is a problem with that... that makes the left menu fixed... my design is fluid.

Maybe I just should make the left menu fixed? I want to save that as the last and only resort though. Any other suggestions?

Thanks for your help so far.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8409
  • Loc: USA

Post 3+ Months Ago

Alright never mind... Going back to having my left-column to absolute positioning and a min-width of 900px to my site-wrap and a positioning of relative to my site-wrap did the trick...

I will probably keep this way... thanks for the help anyway :D
  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Posts: 854

Post 3+ Months Ago

hmm, seems a little extreme. You can still still have a fluid layout with what I showed you, unless someone has a resolution or windows size that is below about 300 pixels. This isn't likely to happen. Keep your right column fluid and your left column fixed, and it will decrease a lot of current and future problems.

I can't think of the last time I came across a site that HAD to have a fluid navigation bar. The content should almost always be fluid, but the navigation bar can be fixed without effecting anyones compatibility.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8409
  • Loc: USA

Post 3+ Months Ago

Yeah, I know... right now, I'm not in the mood to re-code some CSS :lol:

I'll get to it eventually though.

Post Information

  • Total Posts in this topic: 16 posts
  • Users browsing this forum: No registered users and 33 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.