Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Senior Coder
    Join Date
    May 2004
    Posts
    1,457
    Thanks
    15
    Thanked 0 Times in 0 Posts

    div looking dif on each resolution

    <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?

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Why don't you set the image as a background image? You would be able to write on top of it then.

  • #3
    Senior Coder
    Join Date
    May 2004
    Posts
    1,457
    Thanks
    15
    Thanked 0 Times in 0 Posts
    because i want the text to scroll --

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

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    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.

  • #5
    Regular Coder
    Join Date
    Nov 2004
    Location
    The Netherlands
    Posts
    551
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You could do what aerospace said and fix the background?
    background-attachment: fixed;
    CATdude about IE6: "All your box-model are belong to us"

  • #6
    Senior Coder
    Join Date
    May 2004
    Posts
    1,457
    Thanks
    15
    Thanked 0 Times in 0 Posts
    Code:
    <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>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •