I have CS5.5 installed and as I'm building my website using Dreamweaver and I'm in "Design View" the main content area drops below the sidebar. However, when I launch it into ANY browser it appears as it should... Is this a problem on my part? Or just how Dreamweaver handles displaying the page in "Design View"? Maybe, I have an extra pixel on a border or padding somewhere?!?!
In my view this could be a minor code problem or possibly something called float drop. You have several options:
Google float drop and see if that applies
Validate your code
Post your code here or
Give a link to your page
The final option is preferred.
How can I validate my code?
Here's the link... (Nothing great and the code is a bit sloppy as I'm not the best web designer yet nor did I have a chance to clean it up).
Just thinking... Would placing the "paragraph content" or "text" into it's own separate <div> work? The image should be fine I would think since it's smaller than the main content area. But the <p>aragraph text might not be wrapping properly. If I take the "padding-left" and set it to 0; The page displays perfectly in Dreamweaver. But If I try to put a little bit of separation between the sidebar and the content it drops the content below the sidebar. Although, it displays in all the browsers I've tested so far completely fine... Dreamweaver doesn't display it properly and since I'm on a Mac I haven't yet tried to view it in IE (any version).
Just a thought maybe I'll try it.
You should not have a style element in your page. I should go in the head of the page between the <head> </head> tags
/* refresh The p class display */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
And the opening tag should be <style type="text/css">
And I wonder if you really need to float the <h1> element in the content?
You can get a quick and dirty look at your page in IE by using this:
It has its limitations but it does help. I just had a look at IE6 in netrenderer and the page appears to hold up.
Thanks for the information but I was able to fix it by creating an additional <div> for the text content within the "content" <div>. It now displays both in dreamweaver and the browsers correctly.
Thanks much for validator link and the renderer link too. They can certainly help... I gave you a few points for your assistance.