Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
-
OK.... I'm updating this post because I've since solved several of the original problems. There are, however, several remaining quirks, things that display really nicely in Firefox on Linux (my development environment) and not so nicely in IE on Windows XP.
Here's the link to the site I'm working on (I'm an editor for this academic journal).
The design and layout (though still a bit rough) work well in Firefox on all the platforms I've tested (Linux, Windows, Mac). But there are various bugs when I view the site in IE on Windows XP. (I've yet to test other browsers but will soon). If anyone can spare a few minutes, I could use help troubleshooting the layout... spotting problems, cleaning up code, etc.
Bear in mind that this is all still quite rough, and that a lot of the design hinges on the CMS that I'm using (Drupal) and the templating system (PHPtemplate). -
Just took a quick look, make sure you give your "form" selector a margin and padding of 0;
form {
margin:0;
padding:0;
}
I will take a closer look later. -
Yeah that's in there.
-
<form action="search" method="post">
<div id="search">
<input class="form-text" type="text" size="15" value="search..." name="edit[keys]" />
</div>
</form>
That looks a bit weird... shouldn't "form" be inside the search div? -
I agree with droopyale. That code is bound for the specific error. You should have your form inside a div. I see in your code to what class it is poining, yet I have failed to find that class in that page's css. (wierd)
i think you may have that class in one of the imported css's
change what droppyale wrote:
form{
margin:0;
padding:0;
}
Also make your HTML change and the search form problem should disappear -
- CommentAuthorNick Presta
- CommentTimeJan 10th 2006
No.
<form>
<div>
<input />
</div>
</form>
Is perfectly valid.
-----------------------
Your CSS is incredibly large (which is probably due to Drupal) but you don't need so many divisions.
Also, style your body element, don't create a container.
You don't need to declare width: 100% on block-level elements as they will fill up to their parents width - 100%;.
I can help with redoing the HTMl/CSS when I get home tonight. -
I agree that it is valid. Yet it renders differently in IE and FF. I had a simmilar problem some time ago and I found that the optimal sol. was to place the form inside the div, the style it. This way it understands the properties correctly in both browsers.
-
Sweet! Changing the nesting seems to have done it, at least as I see it in IE6 Windows XP. Now to begin tackling all the other problems.
nick1presta, yes my CSS is insane, bloated and ugly right now. The thing is that I'm essentially combining the CSS from the PIEfecta layout with the standard CSS in Drupal, and then adding various classes, etc. that allow me greater control over presentation. Not to mention CSS added by some of Drupal's modules. I've yet to go through and do some weed-whacking, but I know for a fact that there's a ton of unnecessary stuff in there. Some of it can be filtered out and put into modules' own CSS files, which are only called when the module is in use. But a lot of it is just crap and I need to work through it. I'm just terrified of breaking the layout any further.
Anyway, thanks very much all, and I'll be working on continuing to incorporate your changes. Please continue to let me know how I can improve the site.
1 to 8 of 8