...

View Full Version : div looking dif on each resolution



esthera
05-25-2005, 11:00 AM
<div id="Layer1" style="position:absolute; left:240px; top:520px; width:320px; height:175px; z-index:1; overflow: auto;" class=scroll>
<br><br>

Above is the code for a div which is text over an image.
This looks great in my browser. 1024
BUT when I look at it in smaller browsers it is starting to high as I use absolute position and the words above this take more space --

what can I do to make this look good on all?

_Aerospace_Eng_
05-25-2005, 11:26 AM
Why don't you set the image as a background image? You would be able to write on top of it then.

esthera
05-25-2005, 11:29 AM
because i want the text to scroll --

basically what it is -- is a background image or a scroll with text scrolling the image.

_Aerospace_Eng_
05-25-2005, 11:44 AM
Okay, well now is when you show us the rest of your code, just that one div isn't going to cut it, and if possible attach the images as well.

mrruben5
05-25-2005, 11:56 AM
You could do what aerospace said and fix the background?
background-attachment: fixed;

esthera
05-25-2005, 12:09 PM
<hr width="95%">
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.
Here are a few paragraphs of text.


<hr>
<div id="Layer1" style="position:absolute; left:240px; top:520px; width:320px; height:175px; z-index:1; overflow: auto;" class=scroll>
<br><br>
<!-- letter goes here-->
<center>#105</center><br><br>

This is the letter to show in the scroll
This is the letter to show in the scroll
This is the letter to show in the scroll This is the letter to show in the scroll This is the letter to show in the scroll This is the letter to show in the scroll This is the letter to show in the scroll This is the letter to show in the scroll
This is the letter to show in the scroll
This is the letter to show in the scroll
This is the letter to show in the scroll
This is the letter to show in the scroll
This is the letter to show in the scroll
This is the letter to show in the scroll
v
This is the letter to show in the scroll
This is the letter to show in the scroll
This is the letter to show in the scroll This is the letter to show in the scroll
This is the letter to show in the scroll


<table width="430" height="300" border="0" cellpadding="0" cellspacing="0" background="images/scroll.jpg" >
<tr>
<td>&nbsp;</td>
</tr>
</table>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum