Div positioning problem with firefox and ie

Action

Banned
Joined
Apr 13, 2008
Messages
28
Reaction score
0
Location
Cape Town
Howzit guys,

i have an issue with a website im trying to build.
It is a fairly simple site done with tables and divs.but i have a problem with my positioning of the divs because when i open it on my pc with firefox everything is 100% fine,as soon as i open it in ie it doesnt work right.

And if i use another pc to open it the positioning is also out.I have tried with position:relative but it doesnt seem to work unless im doing something wrong,please help out guys cause im almost done with the page and this is working on my arsch.

The link is below,its an art site for a client so bear with me:
http://indrabi.awardspace.biz
 
Forget about the div issue, first try and minimize the amount of images you use [page size] to create the site. Everything is done with images which makes the site way to slow! I tried to open it but abandoned since it took too long to load.
 
// I assume you are talking about the DIV that pops out with the content?
// you using absolute positioning which is running top and left of the page - which is useless in this case as the page has a centered table as the main area and you need to position the div relative to that table not the page.
 
yes i mean the divs under those categories,eg wall designs etc. i forgot to upload the changes i made while palying with it.now its uploaded,i have made the div relative and it still gives me problems..? **CORRECTION
 
Last edited:
im still new to this whole div game,what would the quick fix for the page..i know i have to rewrite,which i will do when i have more time but is there anything else i can do now?
 
takes forever to load, however, drop the <div> and just define a table <td> inside your design with an id, then your js can just do an innerHTML/value for whatever you'd like to load on there

Better yet, just <div></div> inside the layout and forget the stylesheet crap for now
 
Use Google chrome, inspector gives you a metrics window to see what's going on, dunno how much it'll help, to get your page to center in the browser use css margin-left: auto; margin-right: auto; and give it a width. yeah or forget the css and come back to doing that way on the rewrite.
 
Line
298 unmatched </div>
314 unmatched </table>
<div id="contactDiv" has a problem with "

and this may be a problem:

</head>
<div id="MainDiv" style="Z-INDEX:9;position:relative;"

<form>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="tidy()">
 
Last edited:
fixed those things n div is still not showing in the correct place..is this a normal issue or am i doing something wrong??
 
Forget about the div issue, first try and minimize the amount of images you use [page size] to create the site. Everything is done with images which makes the site way to slow! I tried to open it but abandoned since it took too long to load.

I agree. Most of the look for the site can be achieved using a lot less images.
 
Google chrome inspector gives me 10 errors
Extra <body> encountered. Migrating attributes back to the original <body> element and ignoring the tag.
306<tr> is not allowed inside <div>. Content ignored.
307<td> is not allowed inside <div>. Content ignored.
308Unmatched </td> encountered. Ignoring tag.
309Unmatched </tr> encountered. Ignoring tag.
310<tr> is not allowed inside <div>. Content ignored.
311<td> is not allowed inside <div>. Content ignored.
312Unmatched </td> encountered. Ignoring tag.
313Unmatched </tr> encountered. Ignoring tag.
314Unmatched </table> encountered. Ignoring tag.
 
As everyone has been saying, all those images make for a really slow website.

The page makes too many requests: if you have 10 images on the page, 5 background image, 5 css and 5 javascript files then the browser has to make at least a total of 25 requests to the server just to load the page. This whole process will obviously slow down the users’ load speed and increase the load on your server.

Read more
 
Top
Sign up to the MyBroadband newsletter
X