[Skyfall] Links do not direct to linked post

[Kindred]

Well, the only thing that I see wrong with the code that gets generated/displayed is that you are using prettyurls.
Seriously... everything else would seem to be OK.

If it is an issue with the theme, though -- then - if the skyfall author is not around - your only option may be to use a different theme.

[Gluz]

Is not by the prettyurls MOd, I have that mod and not got this problem. It's an issue with the CSS in the post_wraper class, it have float:left; and that makes the anchor with the ID of the post to go all the way up because all the content of the posts are "floating" around, but because they have the width defined it seems normal but it's not.

Search in the index.css this:

Code Select Expand

.post_wrapper {
    float: left;
    ....
}
and delete the float: left; line, that should fix the issue in your theme.

[direndai]

Hi Gluz

You are right, deleting float:left; does solve the problem!

Another problem occurs though..(see the attachment)
If the posts are longer than a few lines, then all seems fine. But with shorter posts their width gets changed. Probably a line should be added, but Im not sure which one and where. I thought width: 100% does that.

Here is .post wrapper:

Code Select Expand

.post_wrapper
{
float:left;
  width: 100%;
  height: 100%;
  background: #161616 url(../images/custom/borderposter.gif) repeat-x center bottom; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(../images/custom/borderposter.gif) repeat-x center bottom, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkMWQxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjE2MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: url(../images/custom/borderposter.gif) repeat-x center bottom, -moz-linear-gradient(top,  #1d1d1d 0%, #161616 100%); /* FF3.6+ */
  background: url(../images/custom/borderposter.gif) repeat-x center bottom, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d1d1d), color-stop(100%,#161616)) url(../images/custom/borderposter.gif) repeat-x center bottom; /* Chrome,Safari4+ */
  background: url(../images/custom/borderposter.gif) repeat-x center bottom, -webkit-linear-gradient(top,  #1d1d1d 0%,#161616 100%) url(../images/custom/borderposter.gif) repeat-x center bottom; /* Chrome10+,Safari5.1+ */
  background: url(../images/custom/borderposter.gif) repeat-x center bottom, -o-linear-gradient(top,  #1d1d1d 0%,#161616 100%) url(../images/custom/borderposter.gif) repeat-x center bottom; /* Opera 11.10+ */
  background: url(../images/custom/borderposter.gif) repeat-x center bottom, -ms-linear-gradient(top,  #1d1d1d 0%,#161616 100%) url(../images/custom/borderposter.gif) repeat-x center bottom; /* IE10+ */
  background: url(../images/custom/borderposter.gif) repeat-x center bottom, linear-gradient(to bottom,  #1d1d1d 0%,#161616 100%) url(../images/custom/borderposter.gif) repeat-x center bottom; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#161616',GradientType=0 ) url(../images/custom/borderposter.gif) repeat-x center bottom; /* IE6-8 */
   border-left: 2px solid black;
   border-right: 2px solid black;
}

Thanks for the help!
d.


EDIT:
The problem doesnt show if I set min-height: 250px, as no poster box is higher than this. What would the command line look like if i wanted the minimum post wrapper height be the height of the poster box next to it? That would be the final solution to the whole problem I think

[Gluz]

Instead of min-height: 250px; you can use clear: both; to keep each post in their "own row".

[direndai]

Thank you, this works!

Problem solved!