[SOLVED] Wordpress CSS float help.

[attila2452]

Im having a problem floating my actual PAGE content next to my sidebar properly.and i need help http://hajzer.info/

[dsonesuk]

remove clear: left; from .left, and remove float: left; from side bar, Also div within a ul as in <ul class="xoxo"> is not valid, and so won't validate.

[attila2452]

remove clear:left from left in my CSS stylesheet?

[dsonesuk]

Yep! lets put another way the div with class .left and style clear: both; is preventing the sidebar rising above it to be beside the rest of the content. So you might just need to remove this specific element instead if this class left is used elsewhere.

[attila2452]

the div with class .left which are you referring to. where is it.

[attila2452]

Id like help to restyle my content area and sidebar for proper floating.. go to the home page, then services, they look the same pretty well (the sidebar) but when you go to About, its so different and i have no idea why!

[dsonesuk]

IF you bothered to validate your website, you would discover that you have 30 open div tags compared to 35 closing div tags, any time you see problem where outer container seems outside its child elements its a problem with a misplaced closing div, and you seem to have five more than required.

[attila2452]

for wordpress,when putting a DIV into a page, it treats some as a p, as well as a <br>

[dsonesuk]

I've used wordpress and I've never known it to do that!, <br> into <p></p> maybe never a div, that would totally idiotic setup.

[dsonesuk]

Looking into this seems older versions did do this quickfix Edit this file:wp-includes/js/tinymce/tiny_mce_config.phpLine 26 reads as follows:$valid_elements =‘p/-div[*],-strong/-b[*],-em/-i[*],-font[*],-ul[*],-ol[*],-li[*],*[*]’;Remove the first portion, like so:$valid_elements =‘-strong/-b[*],-em/-i[*],-font[*],-ul[*],-ol[*],-li[*],*[*]’;After you've done that, be sure to reset your browser cache.

[Krewe]

... I have worked with Wordpress styling as well and it has never done that.You may think it is doing that, however it is not, it is just the styling that maybe is applied.Like Dsone said it would be idiot for a programmer to make it so a div changes to a <br /> or <p></p> tag. If it is a problem from an older version, are you using the latest version?

[attila2452]

I don't have access to ftp at this moment. A boss to some respect set the domain up a few days ago for me. and i he hasn't given the ftp information yet. I'm working on getting it. I hope to be able to get the information sometime tonight.

[attila2452]

This is the view source for the about page:

	  <div id="default-container"></p><h2>About</h2><p><img src="http://attilahajzer.host-ed.net/wp-content/uploads/2011/10/Attila.jpg" id="personal-image" /></p><p></p><p> My name is Attila Hajzer and I am a Current student studying at Niagara College for General Arts. I have been doing website design for 4 years now and I enjoy every bit of it. I enjoy learning new concepts as much as I like to learn to use some of the ‘old school’ tools as well. I tend to experiment with different ‘Text Editors’ quite often to see how other enviroments feel. For the time being, I’ve been stuck on <a href="http://www.barebones.com/products/textwrangler/" target="_Blank">Text Wrangler</a>.</p><p>In my spare time, I like to post discussions on website design forums such as <a href="http://css-tricks.com/" target="_Blank">CSS-Tricks</a> to assist others with some of their problems they may stumble upon. I also enjoy listening to music and finding new and upcoming social media websites</p><p>I currently work as a web designer for company called <a href="http://thedotpeople.com/" target="_Blank">The Dot People</a>. My job is to create websites on wordpress as well as Websit tonight. I am currently working on redesigning the company website with <a href="http://www.zappyhost.com/website_builder/" target="_Blank">Website Tonight</a> in hopes to open new doors and introduce a larger audience. I also work for <a href="http://successbuiltin.com/" target="_Blank">Success Built In</a> owned by The Dot People. I am a end developer as well as partial front end designer. I ensure all code is W3C compliant on wordpress designs as well as the code being html5 and css3 valid. I enjoy working with ‘The Dot People’, we build great websites for an even better price.</p></div><p><!-- end about --></div><p> <!-- end Container --></p><div class="right"></div>		    <a class="post-edit-link" href="http://hajzer.info/wp-admin/post.php?post=38&action=edit" title="Edit Page">Edit</a>

And here's the actual Code:

<div id="default-container"><br /><h2>About</h2><br /><img src="http://attilahajzer.host-ed.net/wp-content/uploads/2011/10/Attila.jpg" id="personal-image" /><br /><p> My name is Attila Hajzer and I am a Current student studying at Niagara College for General Arts. I have been doing website design for 4 years now and I enjoy every bit of it. I enjoy learning new concepts as much as I like to learn to use some of the 'old school' tools as well. I tend to experiment with different 'Text Editors' quite often to see how other enviroments feel. For the time being, I've been stuck on <a href="http://www.barebones.com/products/textwrangler/" target="_Blank">Text Wrangler</a>.</p><p>In my spare time, I like to post discussions on website design forums such as <a href="http://css-tricks.com/" target="_Blank">CSS-Tricks</a> to assist others with some of their problems they may stumble upon. I also enjoy listening to music and finding new and upcoming social media websites</p><p>I currently work as a web designer for company called <a href="http://thedotpeople.com/" target="_Blank">The Dot People</a>. My job is to create websites on wordpress as well as Websit tonight. I am currently working on redesigning the company website with <a href="http://www.zappyhost.com/website_builder/" target="_Blank">Website Tonight</a> in hopes to open new doors and introduce a larger audience. I also work for <a href="http://successbuiltin.com/" target="_Blank">Success Built In</a> owned by The Dot People. I am a end developer as well as partial front end designer. I ensure all code is W3C compliant on wordpress designs as well as the code being html5 and css3 valid. I enjoy working with ‘The Dot People’, we build great websites for an even better price.</p></div><!-- end about --></div> <!-- end Container --><div class="right"></div>

so what do you think? and what can i do about it?

[dsonesuk]

When I first validated your webpage, it also mention a unclosed p tag, if your wordpress is converting div tags to p, then it may produce unexpected results trying determine opening closing of p and div elements.

[attila2452]

okay just realized i read it wrong. i need to pay more attention. thank you very much. but yeah, i fixed it. thank you.