Jump to content


Photo

problem with cross browsers


  • Please log in to reply
14 replies to this topic

#1 foreverhex

foreverhex
  • Members
  • PipPipPip
  • Advanced Member
  • 91 posts

Posted 12 July 2006 - 12:05 AM

ok, maybe you guys can see something that I cant. Its driving me crazy. When you look at www.syblings.net/news.php with Firefox it looks great, dandy, perfect. When you look at it in IE the top part is disjointed and funked. I cant figure out why, so maybe some one else can, thx.

#2 johnnyk

johnnyk
  • Members
  • PipPipPip
  • Advanced Member
  • 126 posts

Posted 12 July 2006 - 12:47 AM

Try adding this to .top
border-collapse: collapse;

Let me know if it works.
Rediscover the Web:
<a href="http://www.spreadfir...;t=219"></a><br />

#3 foreverhex

foreverhex
  • Members
  • PipPipPip
  • Advanced Member
  • 91 posts

Posted 12 July 2006 - 05:06 AM

poop. No that didnt seemed to work. I wonder why it is all screwy? Got any other ideas? Thx for the help btw.

#4 Daniel0

Daniel0
  • Staff Alumni
  • Advanced Member
  • 11,956 posts

Posted 12 July 2006 - 07:34 AM

It's because IE is broken ;)

#5 foreverhex

foreverhex
  • Members
  • PipPipPip
  • Advanced Member
  • 91 posts

Posted 12 July 2006 - 01:36 PM

Yeah I know, I hate it but I know that people will still use it. Grr.

#6 obsidian

obsidian
  • Staff Alumni
  • Advanced Member
  • 3,202 posts
  • LocationSeattle, WA

Posted 12 July 2006 - 01:50 PM

one of the best practices you can get into with CSS is to have a:
* {
margin: 0;
padding: 0;
}

as the very first assignment in your file. that forces IE to render no default margin or padding that it applies usually. the only downside to that is that YOU have to determine what every bit of spacing on your site will be. this simple adjustment often helps with layout issues between FF and IE.
You can't win, you can't lose, you can't break even... you can't even get out of the game.

<?php
while (count($life->getQuestions()) > 0)
{   $life->study(); } ?>
  LINKS: PHP: Manual MySQL: Manual PostgreSQL: Manual (X)HTML: Validate It! CSS: A List Apart | IE bug fixes | Zen Garden | Validate It! JavaScript: Reference Cards RegEx: Everything RegEx

#7 foreverhex

foreverhex
  • Members
  • PipPipPip
  • Advanced Member
  • 91 posts

Posted 12 July 2006 - 02:04 PM

I gave that a try and nothing seemed to change. Did you want me to place that code in literally? Because thats what I did. I also checked to see if all my margins and padding were right and they all seemed to be ok. I hate IE

#8 johnnyk

johnnyk
  • Members
  • PipPipPip
  • Advanced Member
  • 126 posts

Posted 12 July 2006 - 04:41 PM

I found your problem. Look at line 311:

(lines 307-319)
<td align="right" width="10" height="156">
<img src="/images/tippytopr.gif" border=0 align="right" width="10" height="156">
</td>
</tr>
</table> <--311

</td>
</tr>

<tr>

<td  valign="top" width="184" height="35">
<img src="/images/tippytop4.jpg" width="184" height="35" alt="">
You closed the table early. Take it out and it should look better.

So I guess it's not really an Internet Explorer problem, but let's blame it on IE anyway, because it's evil.
Rediscover the Web:
<a href="http://www.spreadfir...;t=219"></a><br />

#9 obsidian

obsidian
  • Staff Alumni
  • Advanced Member
  • 3,202 posts
  • LocationSeattle, WA

Posted 12 July 2006 - 05:19 PM

I found your problem. Look at line 311:

You closed the table early. Take it out and it should look better.

So I guess it's not really an Internet Explorer problem, but let's blame it on IE anyway, because it's evil.


actually, that's not a problem seeing that he's using embedded tables for his layout. the table is within a <td> tag, so it has to be closed there.

foreverhex, that in and of itself (what i posted above) is seldom a cure, but it does help get rid of some of the underlying descrepencies between FF and IE. you may even need to go as far as checking white space in your markup. IE often interprets white space around images with line breaks and other nonsense, too.
You can't win, you can't lose, you can't break even... you can't even get out of the game.

<?php
while (count($life->getQuestions()) > 0)
{   $life->study(); } ?>
  LINKS: PHP: Manual MySQL: Manual PostgreSQL: Manual (X)HTML: Validate It! CSS: A List Apart | IE bug fixes | Zen Garden | Validate It! JavaScript: Reference Cards RegEx: Everything RegEx

#10 foreverhex

foreverhex
  • Members
  • PipPipPip
  • Advanced Member
  • 91 posts

Posted 12 July 2006 - 05:46 PM

Yeah i am using embeded tables with in tables. I hope that isnt a problem, because I use that alot.  Ill go through and make sure that I dont have pointless spaces and what not. Also what you cant see in the html code is that there is a php line in there, where the login form is. Do you think that could be why? its just a simple switch. It checks if the user is online if not the login menu shows (what you all seen) and if they are the cpanel options come up instead.

UPDATE: That didnt seem to work. Im thinking of redoing and analyzing it on IE then worring about it of FF. It seems to be easier to fix anything on FF than IE. Any other suggestion?

#11 foreverhex

foreverhex
  • Members
  • PipPipPip
  • Advanced Member
  • 91 posts

Posted 12 July 2006 - 06:46 PM

AH! correction, i needed to refresh my history and now it looks better. That stupid IE interpreting lines worked. Thanks... but there is still a problem. The borders for the banner are spead out all dumb like. Have any ideas?

#12 foreverhex

foreverhex
  • Members
  • PipPipPip
  • Advanced Member
  • 91 posts

Posted 12 July 2006 - 11:51 PM

Ok, so i fiddled around a bit and on the line
<td width="10" height="156" valign="top"><img src="/images/tippytopl.gif" border=0 align=left ></td>
and removed align=left. Now everything looks perfect... makes no since but what ever. DOWN WITH IE!

#13 johnnyk

johnnyk
  • Members
  • PipPipPip
  • Advanced Member
  • 126 posts

Posted 13 July 2006 - 12:43 AM

I never realized how much I hated IE until I was doing alot of CSS work. I hope IE7 is just as bad, cause if it is IE is gonna be done soon.
Rediscover the Web:
<a href="http://www.spreadfir...;t=219"></a><br />

#14 foreverhex

foreverhex
  • Members
  • PipPipPip
  • Advanced Member
  • 91 posts

Posted 13 July 2006 - 04:33 AM

I heard that IE 7 is converting to a tabbed browser, hahaha the little man did it first!

#15 obsidian

obsidian
  • Staff Alumni
  • Advanced Member
  • 3,202 posts
  • LocationSeattle, WA

Posted 13 July 2006 - 02:09 PM

yes, they've definitely gone to tabbed browsing. have you tried the beta? it's actually a decent browser (as much as i hate to say it). it's definitely much more compliant, and although it still has its quirks, it supports some of the CSS2 attributes like min-height that IE6 doesn't.
You can't win, you can't lose, you can't break even... you can't even get out of the game.

<?php
while (count($life->getQuestions()) > 0)
{   $life->study(); } ?>
  LINKS: PHP: Manual MySQL: Manual PostgreSQL: Manual (X)HTML: Validate It! CSS: A List Apart | IE bug fixes | Zen Garden | Validate It! JavaScript: Reference Cards RegEx: Everything RegEx




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users