Programming > HTML + CSS
XHTML Problem
Romik84:
Hi friends, I am back with little problem. I am using following XHTML structure on a single post in WP:
--- Code: ---</head>
<body>
<div id="page">
<div id="header">
<div id="search"></div>
</div>
<div id="menu"></div>
<div id="pagewrapper">
<div id="pagecontent">
<div id="posts">
<div class="post">
<div style="float:left;width:480px;">
<div class="entry"></div>
</div>
<div id="comments" class="comments-number"></div>
<div class="commentlist"></div>
</div>
<div id="sidebar"></div>
<div style="clear:both;"></div></div></div></div>
<div id="footer"></div>
</body>
</html>
--- End code ---
and the css code:
--- Code: ---#page {
margin:0 auto;
width:886px;
}
#pagewrapper {
background:#101010 url('design/content.png') no-repeat top center;
width:886px;
}
#pagecontent {
background:#fff;
width:844px;
padding:0 14px;
margin:0 auto;
}
#header {
background: url('design/header.jpg') no-repeat top center;
width:863px;
height:86px;
padding:47px 20px 0 3px;
}
#search {
float:right;
width:236px;
margin-top:23px;
}
#menu {
background: url('design/menu.png') no-repeat top center;
width:861px;
height:45px;
padding:26px 0 0 25px;
color:#fff;
font-size:18px;
}
#posts {
float:left;
width:480px;
margin-top:14px;
}
.post {
margin-bottom:10px;
background:url('design/post_background.png') bottom center no-repeat;
float:left;
}
.post .entry {
width:480px;
float:left;
margin:15px 0 0 0;
}
.comments-number {
font:bold small-caps 18px tahoma;
color:#444;
margin-top:10px;
float:left;
width:480px;
}
.commentlist {
text-align: justify;
margin-bottom:20px;
}
#footer {
background:#101010 url('design/footer.jpg') no-repeat top center;
width:849px;
height:50px;
padding:40px 42px 0 45px;
border:none;
margin:0 auto;
clear:both;
font-weight:normal;
}
#sidebar {
float:right;
padding-left:4px;
width:350px;
margin-top:14px;
}
--- End code ---
Well my problem is, when I click on "Add Comment" on the Index or Category page it redirect me on the single page but it always crop the page - only Header and footer it shows. I use <a href="#comments">. I was trying <a href="#header">, <a href="#menu">, <a href="#pagewrapper"> and it worked. When I tried <a href="#pagecontent"> it already crops the page. So I think the problem start on that div command or css but I dont understand why. Will u help me?
GaMerZ:
Do you have an example or something for me to visualize?
GaMerZ:
That I have no idea, if you view your source, the whole site get loaded then after a while the site collapse. Try creating a new anchor like <a name="test"></a>
Romik84:
hm, I have changed...it goes to post but not the comment section. weird... ???
EDIT: SOrry, working already. Thanks for help. ;)
second edit: working only for Firefox, not IE and Opera
GaMerZ:
Sorry man, cant help you on this, my css ain't that good.
Navigation
[0] Message Index
[#] Next page
Go to full version