HTML Forum

**JGiannotti** · 05-27-2006, 12:28 AM

I'm making a network bar:

http://www.frigidnetwork.com/newbar/index.php

I have it looking exactly how I want it in FF, but when I open it in IE it looks different.

Any suggestions on how to make it fully compatible with both?

I'll give a good talkupation to anyone who can help me with this. Its pretty important.

**LadynRed** · 05-27-2006, 01:50 PM

Gee.. maybe if it was a properly coded web page it might help ??
You're missing the required <html><head> and <body> tags, no DOCTYPE..
start there.

Other than that, the image is 20px high.. and in IE it looks like it's tiling the image vertically.

Oh and it's tables.. you can do ALL that setup in CSS.

**JGiannotti** · 05-27-2006, 03:45 PM

Actually I use a PHP include to imbed that in other pages. Still errors. The problem is apparently in the selection box and thats what I need to know how to fix.

**JGiannotti** · 05-28-2006, 10:57 PM

Nobody knows how to fix this?

**chrishirst** · 05-29-2006, 05:19 AM

maybe if you show a page where it is incuded we would have half a chance of seeing a problem

**LadynRed** · 05-30-2006, 01:39 PM

I think he has several problems, not the least of which is laying it out in tables.

**SimpleLance.Com** · 06-01-2006, 10:54 AM

Often you will find pages will not work identical in those browsers looking through the web at css resources i know there is a big list at flubechat.com then there is often tips to fix these type of problems

**ADAM Web Design** · 11:13 AM

JGiannotti: it won't look right in both as it stands right now no matter what you decide to do.

The problem is that you may have it looking right in FF with your font set to a certain size. Make your font bigger or smaller, and you'll throw off your layout completely. IE uses pixel sizes and keeps them static.

If you have a scroll mouse, hold the <Ctrl> key (I think it's Command on a MAC) and roll your mouse wheel down to resize the text. Do it about 4-5-6 times and you'll see it get worse and worse.

The only thing I can suggest that might work in IE specifically is to put style="padding: 0; margin: 0;" on your select box to keep the box a certain size. It'll look like crap, but it might work.

**vangogh** · 06-01-2006, 04:29 PM

I'm not sure if this will help, but I noticed you left of the 't' in the style for the select.

I know there are some things with selects that IE doesn't like as far as css goes. On my own site I have a select like you (though I also have a couple of inputs and a submit button) The way I structured it was:

<form>
<table>
various form items here
</table>
</form>

along with the usual table rows and table cells. If you can't get the select itslef to behave like you want you might have more luck wrapping it in a form and then setting padding for the form to 0. It might also some down to setting padding or margin for the table.

I hope that helps.

**GoWFB_SEO** · 06-01-2006, 04:45 PM

I didn't really look into your problem, but based on what you have said, you can use body>div #example

and then use <div id="example"> to make one for FF, and make regular one for IE

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!