The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
||||
|
||||
Stumped IE problem
Ok sat and made a new style first time in a while i'll tell you.
All looks great (well does to me) in firefox. So before i was due to share i took a peek at how it looked in IE and as usual it's being a pain. The header seems to have lifted away fro the forums block. See screen shots and you see. How do i get rid of this gap between header images and main forum in IE here is my header code HTML Code:
<!-- logo --> <a name="top"></a> <table cellpadding="0" cellspacing="0" border="0" width="960" align="center" class="headerbg"> <tr> <td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="images/logo.gif" border="0" alt="$vboptions[bbtitle]" /></a></td> <td><if condition="$ad_location['ad_header_logo']">$ad_location[ad_header_logo]<else /></if></td> <td align="$stylevar[right]"><img src="images/header_r.gif" border="0"> </td> </tr> </table> <!-- /logo --> |
#2
|
||||
|
||||
What does the page source look like?
|
#3
|
||||
|
||||
hmmmm
Can't see any diff between the two or anything that would make this happen. anyway here's what the header part loks like in page source. Not sure how much you want to see HTML Code:
</script> <script type="text/javascript" src="http://style.the-redlion.org.uk/forums/clientscript/vbulletin_lightbox.js?v=382"></script> </head> <body> <!-- logo --> <a name="top"></a> <table cellpadding="0" cellspacing="0" border="0" width="960" align="center" class="headerbg"> <tr> <td align="left"><a href="index.php"><img src="images/logo.gif" border="0" alt="Design's" /></a></td> <td></td> <td align="right"><img src="images/header_r.gif" border="0"> </td> </tr> </table> <!-- /logo --> <div align="center"><img src="http://style.the-redlion.org.uk/forums/images/boxt.jpg"></div> <table cellpadding="0" cellspacing="0" border="0" width="960" align="center"> <tr> <td align="left" class="box"> <!-- content table --> <!-- open content container --> |
#4
|
||||
|
||||
So, the gap you are seeing is right where the <!-- /logo --> is - after the close of the table and before the div tag? Perhaps the div tag has some padding around it? I know firebug is a great addon for firefox to figure these things out, I would guess there is something similar for IE. You might want to see about that and see if you can figure it out using something like that.
|
#5
|
||||
|
||||
IE is such a pain in the rear man. If you don't have the spacing right, the right page breaks or even the centering tags right, it ALWAYS seems like IE is the first to notice LOL.
It looks like you may have an enter mark between tags somewhere. You may have forgot a </tr> tag though the way it looks. |
#6
|
||||
|
||||
Quote:
I just wish the uneducated would stop using IE hate the damn program. Could release this style if so |
#7
|
||||
|
||||
Could it be the class in the table?
<table cellpadding="0" cellspacing="0" border="0" width="960" align="center" class="headerbg"> Does the "headerbg" class have anything for bottom border sizes? I haven't used the tags in a while like that, but I know you can somehow set border sizes for tables on different sides... Maybe that's the problem and it's causing a border? |
#8
|
||||
|
||||
yeah possibly. But I scrapped that header design now and came up with something else
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|