Div positioning problem with firefox and ie

A

Action

Banned
Joined
Apr 13, 2008
Messages
28
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
 
S

stix

Expert Member
Joined
Aug 11, 2005
Messages
3,281
// first piece of advice is get rid of the scrolling page title
 
M

MielieSpoor

Expert Member
Joined
Dec 6, 2006
Messages
1,984
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.
 
S

stix

Expert Member
Joined
Aug 11, 2005
Messages
3,281
// 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.
 
A

Action

Banned
Joined
Apr 13, 2008
Messages
28
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:
A

Action

Banned
Joined
Apr 13, 2008
Messages
28
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?
 
G

guest2013-1

guest
Joined
Aug 22, 2003
Messages
19,800
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
 
A

Action

Banned
Joined
Apr 13, 2008
Messages
28
do you mean the main div, or the div that shows "jewllery","wall designs" etc.??
 
D

Drake2007

Expert Member
Joined
Oct 23, 2008
Messages
4,413
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.
 
D

Drake2007

Expert Member
Joined
Oct 23, 2008
Messages
4,413
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:
A

Action

Banned
Joined
Apr 13, 2008
Messages
28
fixed those things n div is still not showing in the correct place..is this a normal issue or am i doing something wrong??
 
C

cybershark

Expert Member
Joined
Apr 11, 2006
Messages
1,319
MielieSpoor said:
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.
Click to expand...

I agree. Most of the look for the site can be achieved using a lot less images.
 
D

Drake2007

Expert Member
Joined
Oct 23, 2008
Messages
4,413
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.
 
D

Drake2007

Expert Member
Joined
Oct 23, 2008
Messages
4,413
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
 
You must log in or register to reply here.
Top