Positioning the layer (Div tag) compatible

This is a discussion on "Positioning the layer (Div tag) compatible" within the Web Page Design section. This forum, and the thread "Positioning the layer (Div tag) compatible are both part of the Design Your Website category.


 Subscribe in a reader

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

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Dec 17th, 2006, 13:11
New Member
Join Date: Dec 2006
Location: India
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Question Positioning the layer (Div tag) compatible

I want to position the layer compatible for all the browsers (Div tag)
Someone pl. suggest the javascript code for all the browsers like IE, Mozilla, Netscape and etc.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Dec 17th, 2006, 13:15
Reputable Member
Join Date: Jul 2006
Location: Scotland
Age: 22
Posts: 357
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

I don't understand the question sorry; could you expand?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Dec 17th, 2006, 13:25
New Member
Join Date: Dec 2006
Location: India
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

I placed a image in a layer using Div tag. When the page is viewed in IE the position of the image is OK. But the image is slightly in a different location with Mozilla browser... I need a javascript to position the image in a desired location. Pl. suggest
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Dec 17th, 2006, 13:26
Reputable Member
Join Date: Jul 2006
Location: Scotland
Age: 22
Posts: 357
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

do you have a link to it?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Dec 17th, 2006, 13:56
New Member
Join Date: Dec 2006
Location: India
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

no it is a static image placed in the Div tag.

Earlier I used the JavaScript code it starts with document.write....
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Dec 17th, 2006, 14:03
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

Browsers handle CSS differently. Set the margin and padding to zero and see how it works:

Code: Select all
* {
    margin: 0;
    padding: 0;
}
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Dec 17th, 2006, 14:10
New Member
Join Date: Dec 2006
Location: India
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

I have not used any CSS it is a simple html page
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Dec 17th, 2006, 14:25
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

Um. Then learn it because you can't do that without it.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Dec 17th, 2006, 17:48
Reputable Member
Join Date: Sep 2005
Location: Canada, BC
Age: 24
Posts: 239
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

Javascript isn't used for positioning, css is. Javascript might be used for changing the position dynamically, but you should fix the initial position problem before you start playing with javascript.

(X)HTML without CSS is like spaghetti without the sauce.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Dec 17th, 2006, 21:02
Reputable Member
Join Date: Jul 2006
Location: Scotland
Age: 22
Posts: 357
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

Hehehe, nice analogy!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Dec 17th, 2006, 21:18
Junior Member
Join Date: Aug 2006
Location: United States
Posts: 15
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

mrun,

try putting this in the head of your page"

<STYLE TYPE="text/css" MEDIA=screen>
<!--
#positions{
margin: 0;
padding: 0;
}
-->
</STYLE>
and this beside each of your div tag:

<div id="positions">
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old Dec 18th, 2006, 03:43
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

Haha, yeah, good analagy.

Also, my last post wasn't meant to be rude. It kind of sounded snappish, but I meant it in a good way!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old Dec 18th, 2006, 11:43
Up'n'Coming Member
Join Date: Jun 2006
Location: Northern Ireland, United Kingdom
Age: 22
Posts: 84
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Positioning the layer (Div tag) compatible

Could you include a link to the webpage your talking about, if it's online that is.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
browers compatible, div tag, layer position

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
XHTML compatible Form like Webforumz. JustinStudios PHP Forum 4 Feb 5th, 2008 22:37
Layer positioning leosuth Web Page Design 2 Feb 11th, 2007 13:17
Positioning a Div Layer escaflowne11 Web Page Design 6 Oct 6th, 2006 22:45
[SOLVED] Convert script to NS6 compatible - Please Help! Anonymous User JavaScript Forum 1 Feb 20th, 2005 02:35


All times are GMT. The time now is 03:38.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization 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