Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

valign not working in IE7

Status
Not open for further replies.
aharris88

aharris88

Programmer
Dec 12, 2007
12
I made a website and for some images that are png that border another image in a table I use valign="top" to make sure it's always at the top no mater what the height is depending on how much text is to the right. The page is at
The code right around the area is

<tr>
<td rowspan="2" valign="top"><img src="tipi-wakan_25.png" width="69" height="88"></td>
<td colspan="4" rowspan="2" height="100%" valign="top"><img src="tipi-wakan_26.png" width="200" height="88"></td>
<td colspan="2" rowspan="2" valign="top"><img src="tipi-wakan_27.png" width="55" height="88"></td>
<td><img src="spacer.gif" width="1" height="68" alt=""></td>
</tr>

if you want to konw what the space.gif is there for, I don't know. I made it in Photoshop and ImageReady and it just always puts in spacers.
 
Sort by date Sort by votes
Actually that only made it work in IE. Now it is all spaced out in Firefox.
 
Upvote 0 Downvote
Nevermind. It looks fine in FF only when I have no doctype and it only looks good in IE when I have a strict doctype.
 
Upvote 0 Downvote
Not wanting to interrupt your stream of conciousness, but what problem are/were you having?

All too often, people come on here and tell us about their problem without showing any code. You've shown us a bit of code without telling us what's going wrong with it.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd
 
Upvote 0 Downvote
It's expanding all the images in FF unless I have no doctype and in IE unless I have a strict doctype.

It's like the page explodes.
 
Upvote 0 Downvote
Is it possible for us to see your page? I cannot picture how your images lose specified dimensions simply due to using/omitting a doctype.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]
 
Upvote 0 Downvote
The only way I know to fix that problem would be using css with something like Eric Meyer's solution to reseting certain attributes so that the different browsers render various objects the same; but then I don't know if you could style it from there without using css after that and still have it work. I would question if you are having a problem with the IE handling of the box model but we definately need to see more code to figure it out.
 
Upvote 0 Downvote
Thinking of the box model you may want to try and set your padding, border, and margin to 0 and then see if that fixes them being different.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
460
spamjim
spamjim
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
817
Chris Miller
Chris Miller
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
709
Mike Lewis
Mike Lewis
PeDa
  • Locked
  • Question
Media query: display = none/inline/block 1
Replies
1
Views
427
PeDa
PeDa
pendle666
  • Locked
  • Question
new website renders fine in IE/Edge but not in Chrome - test site was fine
Replies
2
Views
99
pendle666
pendle666

Part and Inventory Search

Sponsor

Back
Top