Development New Site Layout

http://tekmonkey.org/test/index.php

I think it looks pretty nice, but I'm having a couple problems keeping everything consistent cross-browser. It pretty much looks exactly as I want it in Firefox.

However in IE and Opera, the search box is off, I'm not sure what I need to do to resolve this while keeping it looking how I want in Firefox.

Secondly, the forums are completely off center in IE. Not sure what to do here. If I change the width, padding, etc to fix it in IE, it's no longer looks correct in Firefox.

Any comments to resolve my problems and/or critques on the overall site would be great, thanks.

 

Good tutorial you got there dude (PSD 2 web).

I see what you mean about the forums being off kilter though. I wish I could help

 

Try adding this CSS to your site to fix the search bar:

Code:

input 
{
       padding: 0;
       margin: 0;
}

I thinks IE is giving the input (search box) some padding/margin or somthing, though, you should probably clean up the search form code. If it's bad code it might act in bad ways.

As for the forum, sounds exactly like IE's box model "bug". Basically, IE renders the box model differently from every standards compliant browser. There are quite a few fixes for this, just google .

 

Actually I resolved the forum problem by setting padding-right from 10px to 0px. Which is odd, I thought that would mess up how it displays in Firefox, but apparently not.

But still not sure about the search box. That code didn't work. It's probably something I have thrown into the style of the form, you're right. I'll take a looksie.

 

looking good... Good to see another designer here instead of 3rd grader designs...

What are you using for cms?

 

In the past I've used CuteNews (php), which is very easy to customize. Right now I haven't got any CMS set up, just hand coding divs for everything. I'll probably use CuteNews for the index page, but it's not too much of a hassle to hand code everything.

 

I've recently finished designing something for a company that displays perfectly fine in Internet Explorer, but certain pages display offest 15 pixels to the right (the entire site is about 520 px wide, and centered, so you can easily see it happen) when displayed in Opera.

I never found a valid reason for it, it just happened. All the code was the same, even reduced down the differences in the content of the pages. Some just were off-centre for no apparant reason.

 

Yea, it seems to be resolved if you define both a width value and a w\idth value.

 

I'll second that!

 

I'll third that! heh...

I use website baker which has been highly customizable and well documented...