Jump to content
attila2452

[SOLVED] Wordpress CSS float help.

Recommended Posts

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.

Share this post


Link to post
Share on other sites

remove clear:left from left in my CSS stylesheet?

Edited by Attila2452

Share this post


Link to post
Share on other sites

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.

Edited by dsonesuk

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Edited by dsonesuk

Share this post


Link to post
Share on other sites

... 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?

Edited by Krewe

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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?

Edited by Attila2452

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...