Javascript and (div) help

**zippa** · Feb 5th, 2001, 06:50 PM

I have 2 scripts like this:
<script language="JavaScript">
function openWindow (url) {
popUpWin = window.open(url,'blah','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable =0,width=510,height=520');

if (navigator.appName == 'Netscape') {
popUpWin.focus() ;
}
}
</script>
<a
href="javascript

penWindow('httpL//whatever')">
Eric</a><br>

on one page. The width and height are different, but when clicked, they are the same size. Any ideas?

Also: I have 2 <div> tags, and I want them side by side. But one always appears below the other. How can I fix this?

Thanks.

**Mark Sreeves** · Feb 6th, 2001, 03:31 AM

the width and height may be different but 510 and 520 are pretty close to each other.

What do you mean by "when clicked, they are the same size"?

as for you DIV problem, post what you've got so far and we'll sort it out for you.

**zippa** · Feb 6th, 2001, 08:47 PM

I mean that, I have 2 of that JavaScript code on 1 page. The width and height are totally different for each seperate one. But, when I click one, it comes up as the size of the 2nd code chunk.
I don't get it...

**zippa** · Feb 6th, 2001, 08:56 PM

<div style="background: blue; width: 150px;">
<font color=white><b>blah</b></div>
<div style="background: white; border: 1px solid black; width: 150px; position: absolute;">
blah
<div style="background: white; border: 1px solid black; width: 150px; position: absolute;">
blah
</div>
</div>

The appear above each other, like:
<div1here>
<div2here>
<div3here>

I want:

<div1here>
<div2here><div3here>

**Mark Sreeves** · Feb 7th, 2001, 06:30 AM

you just need to include left atributes to position them

Code:

<html>

<body>

<div style="background: blue; width: 150px;height:100;"> 
<font color=white><b>blah</b>
</div> 

<div style="background: white; border: 1px solid black; width:150px;height:100; position: absolute;"> 
blah 
</div> 

<div style="background: green; border: 1px solid black; width:150px;height:100; position: absolute; left=160"> 
blah 
</div> 


</body> 
</html>

Thread: Javascript and (div) help

Thread Tools

Display

As for the <div>'s...

Posting Permissions