Simple HTML displayed differently between browsers

This is a discussion on "Simple HTML displayed differently between browsers" within the Web Page Design section. This forum, and the thread "Simple HTML displayed differently between browsers are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Nov 29th, 2005, 14:04
New Member
Join Date: Nov 2005
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Simple HTML displayed differently between browsers

I'm developing a website and noticed that when I use FF my images are slightly off position...

On closer inspection I actually found that FF was displaying correctly and IE was not.

I have stripped the file RIGHT down to the barest minimum....and I'm left with this


<html>
<body>
<div id="divVerticalBar" style="position: absolute; left: 110px; top: 100px; height: 500px; width: 1px;">
<img alt="" src="./images/verticalBar.jpg" height="500px" width="2px">
</div>
<div id="divVerticalBarRight" style="position: absolute; left: 840px; top: 100px; height: 120px; width: 1px;">
<img alt="" src="./images/verticalBarRight.jpg" height="120px" width="2px">
</div>
<div id="divHorizontalBar" style="position: absolute; left: 110px; top: 100px; height: 1px; width: 730px;">
<img alt="" src="./images/horizontalBar.jpg" height="2px" width="730px">
</div>
</body>
</html>


I did have the styling in a CSS file but took it out just to be sure I wasn't going mad....

I have also checked the 3 images and they seem fine and are the exact dimensions specified in the IMG tags....

FF displays these images correctly......basically a left vertical bar connecting to a top horizontal bar which joins a far right vertical bar.....

However, in IE, the horizontal bar is too low down (or both vertical bars are too high up) so that the edges of the three images don't meet.....

I can't think what I need to do to fix this....it seems ridiculously simple code.....!!!

Any help would be much appreciated!


RR
Reply With Quote

Reply

Tags
simple, html, displayed, differently, between, browsers

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
A very simple question ref Array vars and HTML <TD>!! crazie JavaScript Forum 2 Mar 15th, 2008 13:09
Css,html Simple Job $100 MetallicWarfare Job Opportunities 0 Feb 14th, 2008 19:14
Simple HTML code abalfazl JavaScript Forum 7 Sep 5th, 2006 19:49
designed a website in CSS but displays differently in other browsers skyfire400 Web Page Design 8 Jan 25th, 2006 11:53
Fonts display differently in FF and IE Chico Web Page Design 4 Jan 2nd, 2006 12:52


All times are GMT. The time now is 01:08.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43