Support » Installing WordPress » Site layout problems
Site layout problems
-
I just started with WordPress and I successfully posted my first entry, now I am posting my second one but when I go look at it, the second entry goes over the top of the first one.
-
A link would help some of the folks here help you troubleshoot the problem.
It’s the same Jazzy: http://wordpress.org/support/topic.php?id=22013
Your site, for lack of a better term, is really screwed up. Your code needs a major clean up. If you don’t know what I mean, try looking at your site via Firefox. I don’t use IE, so I have no clue how it looks in that browser (if you could call it that). Anywho, start off by cleaning up your code. Here’s what needs to be done:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.dont-complain.org%2Fjazzy%2Fwp%2Findex.php
True, its http://www.dont-complain.org/jazzy/wp/index.php
And the black font writing is the start of the second blog entry, the grey font is the first entry… the 1st blog entry use to be black font but not its grey/faded as the 2nd entry is going over it.
Not just that, look at your blog in either Firefox or a Mozilla-based browser. It’s displayed as a tiny window with everything smashed together, almost as if you were coding this to be displayed on a cell phone. All I can say is to start by validating your code. The others, like Kafkaesqui, NuclearMoose, and Podz should be able to steer you in the right direction.
<div style="position:absolute; left:07px; top:07px; width:249px; height:455px; z-index:1; overflow: auto;">
That is why it’s all crunched together. All of the content is inside that div.
(I told you NuclearMoose is a genius.)
Get the doctype on the first line, get rid of the ” tag that before ‘<html>’, get rid of the ‘<link>’ that you have on the first line. That will at least help getting your code to validate some. As a rule of thumb, if it looks ok in IE, it doesn’t mean it’s right. Like macmanx said, download Firefox and use that instead of IE. It’s a standards compliant browser.
Yup, I wanted to change the width of the blog entries, so I used the div layer, it’s almost acting as an alternative to an iframe.. it’s going to be directed/linked to on my site, and the iframe on it will show only that area of the blog… however, I thought the problem is probably the height measure in the div layer… so I just increased that, lets hope it worked… I can see how my codes are very error-able, lol… I’ll try fix those… but some im not sure can be, the < before the link to the stylesheet, needs to be there for it to work…
If you’re talking about the ‘<link>’ that you have on the first line, bring it inside the ‘<html>’ tags where it should be.
If all you want to do is display the blog entries on your site, just add The Loop to your site (The Loop is a chunk of code which displays WP’s entries).
Basically, http://dont-complain.org/jazzy see my blog entry in that, how its done, the title backgrounded, the codes (view source) … I want it to look like that in my wp blog…. is it possible?.
That’s possible. Just plug The Loop into your existing layout.
Yup, I have that loop code on there… :/
You see the light blue background around the blog text… I want that to be the background of the entire page too. How do I do that?.
Okay, I just added the loop code to my layout on my actualy site… http://dont-complain.org/jazzy/index2.htm to test it.
I still cant seem to get the 2nd entry to go underneath the first one… is it the error in the codes stopping that or something else?.
- The topic ‘Site layout problems’ is closed to new replies.