DIV compatability with browsers?

@Kaervek87Jan 26.2006

Hi everyone,

I just realised that DIV isn’t compatable with Firefox, just internet explorer.
Anyone know which browsers it works with, or which it doesn’t?
I was using div to position some text and images. ?
Also, does anyone know if they plan on making DIV compatable with all browsers?

Thanks!

Jonathan
~~[email]~~[email protected][/email]

to post a comment

CSS

@FangJan 26.2006 — #[I]div[/I] is supported by all modern browsers.

Give an example of your problem.

@Kaervek87authorJan 26.2006 — #Oh ok.

Well, i think it may be the positioning in the DIV. Wether it's positioning text or nav buttons, when viewed with firefox, it's all smashed up into the top left corner. Here's an example of the flip-image nav button:

<DIV style="position: absolute; top=320px; left=131px;">

<a href="" onMouseover="if (document.images) document.images.main.src='main2.gif'" onMouseout="if (document.images) document.images.main.src='main1.gif'"><img src="main1.gif" name="main" border=0></a><BR>

</DIV>

The code for positioning the text is the same:

<DIV style="position: absolute; top=180px; left=400px; width=500px;">

Text goes here.

</DIV>

Any ideas? It works fine in IE, just not firefox.

Thanks!

Jonathan

@LJKJan 26.2006 — #Hi-

Elements are influenced by those that came before them

in the document 'flow', so we'd need to see the whole enchilada

in order to really pinpoint the problem.

mantra #6:

"Code for Firefox; Tweak for IE."

Good luck,

El

P.S. Running your code through the w3c's validator service is a pretty fast way to check for errors, as well ;-)

@Kaervek87authorJan 26.2006 — #thank LJK, here's the whole kit-n' kaboodle:

<HTML>

<HEAD>

<LINK REL=stylesheet HREF="style.css" TYPE="text/css">

<STYLE TYPE="text/css">

BODY {background-image: url(background1.jpg);

background-repeat: no-repeat;

background-position: 0px 116px;}

a:link,

a:visited,

a:active,

a:hover {text-decoration: none; color: #the colour code;}

</STYLE>

<HEAD>

<BODY BGCOLOR="#155300">

<img src="toptree1.jpg" style="position: absolute; top:09px; left:54px;">

<img src="title.jpg" style="position: absolute; top:40px; left:410px;">

<DIV style="position: absolute; top=320px; left=131px;">

<a href="" onMouseover="if (document.images) document.images.main.src='main2.gif'" onMouseout="if (document.images) document.images.main.src='main1.gif'"><img src="main1.gif" name="main" border=0></a><BR>

</DIV>

<DIV style="position: absolute; top=340px; left=131px;">

<a href="" onMouseover="if (document.images) document.images.news.src='news2.gif'" onMouseout="if (document.images) document.images.news.src='news1.gif'"><img src="news1.gif" name="news" border=0></a><BR>

</DIV>

<DIV style="position: absolute; top=360px; left=131px;">

<a href="" onMouseover="if (document.images) document.images.top.src='top2.gif'" onMouseout="if (document.images) document.images.top.src='top1.gif'"><img src="top1.gif" name="top" border=0></a><BR>

</DIV>

<DIV style="position: absolute; top=380px; left=131px;">

<a href="" onMouseover="if (document.images) document.images.ordering.src='ordering2.gif'" onMouseout="if (document.images) document.images.ordering.src='ordering1.gif'"><img src="ordering1.gif" name="ordering" border=0></a><BR>

</DIV>

<DIV style="position: absolute; top=400px; left=131px;">

<a href="" onMouseover="if (document.images) document.images.contact.src='contact2.gif'" onMouseout="if (document.images) document.images.contact.src='contact1.gif'"><img src="contact1.gif" name="contact" border=0></a><BR>

</DIV>

<DIV style="position: absolute; top=180px; left=400px; width=500px;">

<H1>Text Here.

</DIV>

<DIV style="position: absolute; top=505px; left=400px; width=500px;">

<H1><a href="">Main</a> - <a href="">News</a> - <a href="">Top Selections</a> - <a href="">Ordering</a> - <a href="">Contact</a>

</DIV>

</HTML>

@ray326Jan 27.2006 — #Syntax!

style="position: absolute; top[COLOR=Red]=[/COLOR]505px; left[COLOR=Red]=[/COLOR]400px; width[COLOR=Red]=[/COLOR]500px;"

DIV compatability with browsers?

5 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

DIV compatability with browsers?

5 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #CSS _↴