Hello, I have designed a simple CSS layout in Notepad and everything is OK except my heading and a paragraph are not displaying correctly. Both of them should display below the banner above the page but they are displaying near the footer.
The texts which are not displaying correctly are the heading "Contact Us" and the paragraph "Use this form below" . PLEASE HELP! I want both of them to be displayed below the banner above my page.
Your problem is that for the left sidebar, you've added a border of 3px, which makes the width of that left sidebar be 186px instead of 180px (3px on each side, 3 + 3 = 6px). So when you make the #content have a width of 570px, it makes it to wide to float, so it moves it under the left sidebar. You need to subtract the 6px you gave to the left sidebar from the width of #content. In short, change the #content width to be 564px.
__________________ WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.
@resdog, whoahhh it works! you are great and thank you very much! I'm asking myself how I didnt figure out this simple issue! Damn, that's why I have failed in Maths! LOL! Well, thank you dear.!
You dont neccessarily need good math skills...lol Just a good browser developer tool like firebug for firefox. It s free and very useful, so you should download it and learn to use it religiously.
You're welcome. The whole border things is a big obstacle that a lot of coders butt their heads up against. You'd think that the border would be applied INSIDE the element. Or at least give us the option to put it either inside, outside, or in the middle.
__________________ WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.
By the way, can we really put an image background in a DIV element? for example, if I want to include a background on all my different DIV elements! i tried it, it does not work. I have heard that the image should be the same size in terms of width and height exactly like the DIV so that it can work, true?
ok i will try it again then if i have a problem, i will post here, im designing a simple homepage and i like to play with DIV, after completing everything, i will post it here so that you can see! The theme is Magic Box