imagem stática e texto rola embaixo

ersime · Março 13, 2008

Bom dia pessoal,

preciso montar uma página que possui uma logo no topo e um texto(dinâmico), e preciso que a imagem fique fixa no topo e o texto role por baixo dela.

Este texto dinâmico possui um âncora que é dinâmica também. Então ao abrir o documento a âncora deve ficar posicionada abaixo da imagem.

alguém sabe como resolver isto?

obs: tentei usar frame porém como a âncora é dinâmica acabei perdendo a referência para ela.

obrigado

Ronaldo Bitencourt · Março 13, 2008

fala ersime td joia ?

então acho q teu problema pode ser resolvido com duas divs vamos lá eu vou colar o code você analçiza e grita se precisar de ajuda !!

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">
 
* { margin:0px; padding:0px; }

body { background:#999; }

div#content { height:200px; background:#CCC; overflow:auto; }

div#container { width:610px; margin:auto; }

div#topo img { width:600px; height:90px; background-color:#FFF; }

</style>

</head>
 
<body>

<div id="container">

<div id="topo"><img src="http://forum.imasters.com.br/style_images/10/logo4.gif" alt="teste" /></div>

<div id="content">

  <div id="lipsum">

    <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper  feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac,  libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae,  mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor.  Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula,  odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam  aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien  sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>

    <p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero,  vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti  sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.  Duis quis odio sed est suscipit consequat. Morbi non purus ac erat  scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus  fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo  a sem. </p>

    <p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris.  Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat.  Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer  dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit  pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut  mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu  velit dictum interdum. Sed at mauris. Proin interdum ipsum at est  rhoncus semper. Suspendisse potenti. Sed at libero. </p>

    <p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida  diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt,  ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui  eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce  nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis  cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu,  tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra  fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non  sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim.  Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad  litora torquent per conubia nostra, per inceptos hymenaeos. Nullam  consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla,  non sollicitudin diam orci vel lectus. Fusce gravida. </p>

    <p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna.  Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu  eleifend enim lacus in elit. Pellentesque habitant morbi tristique  senectus et netus et malesuada fames ac turpis egestas. Duis iaculis.  Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris.  Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam  eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus,  lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut  leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis  parturient montes, nascetur ridiculus mus. </p>

  </div>

</div>

</div>

</body>

</html>

ersime · Março 13, 2008

A idéia é essa, porém a barra de rolagem tem de ser do navegador, pois os documentos são muito grandes.

A imagem é que precisa ficar estática.

Ronaldo Bitencourt · Março 13, 2008

A idéia é essa, porém a barra de rolagem tem de ser do navegador, pois os documentos são muito grandes.

A imagem é que precisa ficar estática.

agora entendi então tá na mão o code !!!

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
 
* { margin:0px; padding:0px; }
body { background:#999; }
div#content { position:absolute; z-index:2; background:#CCC; width:610px; }
div#topo { position:fixed; width:610px; z-index:100; top:0px; height:100px; background:#00F; }
</style>
</head>
 
<body>
<div id="topo"></div>
<div id="container">
<div id="content">
<div id="lipsum">
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac, libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae, mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor. Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula, odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>
<p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero, vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis quis odio sed est suscipit consequat. Morbi non purus ac erat scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo a sem. </p>
<p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris. Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat. Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu velit dictum interdum. Sed at mauris. Proin interdum ipsum at est rhoncus semper. Suspendisse potenti. Sed at libero. </p>
<p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt, ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu, tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim. Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla, non sollicitudin diam orci vel lectus. Fusce gravida. </p>
<p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna. Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu eleifend enim lacus in elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis iaculis. Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris. Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus, lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac, libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae, mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor. Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula, odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>
<p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero, vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis quis odio sed est suscipit consequat. Morbi non purus ac erat scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo a sem. </p>
<p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris. Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat. Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu velit dictum interdum. Sed at mauris. Proin interdum ipsum at est rhoncus semper. Suspendisse potenti. Sed at libero. </p>
<p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt, ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu, tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim. Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla, non sollicitudin diam orci vel lectus. Fusce gravida. </p>
<p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna. Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu eleifend enim lacus in elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis iaculis. Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris. Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus, lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac, libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae, mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor. Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula, odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>
<p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero, vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis quis odio sed est suscipit consequat. Morbi non purus ac erat scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo a sem. </p>
<p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris. Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat. Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu velit dictum interdum. Sed at mauris. Proin interdum ipsum at est rhoncus semper. Suspendisse potenti. Sed at libero. </p>
<p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt, ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu, tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim. Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla, non sollicitudin diam orci vel lectus. Fusce gravida. </p>
<p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna. Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu eleifend enim lacus in elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis iaculis. Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris. Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus, lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac, libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae, mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor. Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula, odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>
<p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero, vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis quis odio sed est suscipit consequat. Morbi non purus ac erat scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo a sem. </p>
<p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris. Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat. Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu velit dictum interdum. Sed at mauris. Proin interdum ipsum at est rhoncus semper. Suspendisse potenti. Sed at libero. </p>
<p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt, ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu, tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim. Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla, non sollicitudin diam orci vel lectus. Fusce gravida. </p>
<p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna. Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu eleifend enim lacus in elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis iaculis. Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris. Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus, lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac, libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae, mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor. Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula, odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>
<p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero, vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis quis odio sed est suscipit consequat. Morbi non purus ac erat scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo a sem. </p>
<p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris. Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat. Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu velit dictum interdum. Sed at mauris. Proin interdum ipsum at est rhoncus semper. Suspendisse potenti. Sed at libero. </p>
<p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt, ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu, tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim. Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla, non sollicitudin diam orci vel lectus. Fusce gravida. </p>
<p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna. Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu eleifend enim lacus in elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis iaculis. Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris. Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus, lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac, libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae, mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor. Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula, odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>
<p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero, vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis quis odio sed est suscipit consequat. Morbi non purus ac erat scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo a sem. </p>
<p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris. Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat. Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu velit dictum interdum. Sed at mauris. Proin interdum ipsum at est rhoncus semper. Suspendisse potenti. Sed at libero. </p>
<p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt, ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu, tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim. Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla, non sollicitudin diam orci vel lectus. Fusce gravida. </p>
<p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna. Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu eleifend enim lacus in elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis iaculis. Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris. Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus, lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac, libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae, mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor. Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula, odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>
<p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero, vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis quis odio sed est suscipit consequat. Morbi non purus ac erat scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo a sem. </p>
<p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris. Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat. Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu velit dictum interdum. Sed at mauris. Proin interdum ipsum at est rhoncus semper. Suspendisse potenti. Sed at libero. </p>
<p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt, ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu, tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim. Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla, non sollicitudin diam orci vel lectus. Fusce gravida. </p>
<p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna. Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu eleifend enim lacus in elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis iaculis. Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris. Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus, lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac, libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae, mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor. Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula, odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>
<p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero, vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis quis odio sed est suscipit consequat. Morbi non purus ac erat scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo a sem. </p>
<p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris. Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat. Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu velit dictum interdum. Sed at mauris. Proin interdum ipsum at est rhoncus semper. Suspendisse potenti. Sed at libero. </p>
<p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt, ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu, tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim. Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla, non sollicitudin diam orci vel lectus. Fusce gravida. </p>
<p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna. Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu eleifend enim lacus in elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis iaculis. Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris. Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus, lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac, libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae, mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor. Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula, odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>
<p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero, vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis quis odio sed est suscipit consequat. Morbi non purus ac erat scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo a sem. </p>
<p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris. Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat. Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu velit dictum interdum. Sed at mauris. Proin interdum ipsum at est rhoncus semper. Suspendisse potenti. Sed at libero. </p>
<p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt, ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu, tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim. Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla, non sollicitudin diam orci vel lectus. Fusce gravida. </p>
<p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna. Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu eleifend enim lacus in elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis iaculis. Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris. Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus, lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec semper feugiat quam. Phasellus diam arcu, tristique quis, tempus ac, porta ac, libero. Nulla nisl mi, fringilla pulvinar, dapibus a, gravida vitae, mi. Nam ac nunc et augue bibendum aliquet. Sed fringilla luctus tortor. Phasellus dui. In elit. Fusce elementum, massa eu ultricies vehicula, odio mi porttitor purus, et porttitor libero est cursus nibh. Nullam aliquet odio volutpat nisl faucibus blandit. Pellentesque sapien sapien, gravida vel, semper ut, sollicitudin at, leo. Vivamus nunc. </p>
<p>Integer nec tellus. Nulla mollis vehicula magna. Fusce dui libero, vulputate ut, lacinia a, suscipit in, arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Duis quis odio sed est suscipit consequat. Morbi non purus ac erat scelerisque porta. Aliquam rhoncus elementum velit. Nam faucibus fringilla orci. Cras ultrices felis adipiscing nulla. Aenean rutrum leo a sem. </p>
<p>Duis interdum consequat libero. Donec dapibus leo sit amet mauris. Nulla facilisi. Suspendisse a pede. Vestibulum feugiat aliquet erat. Phasellus aliquet metus a massa. Ut consectetuer est eget enim. Integer dictum, metus ac commodo pretium, massa magna posuere nisl, non blandit pede eros eu justo. Suspendisse dignissim risus id nunc. Vivamus ut mauris ac nisi sagittis sollicitudin. Etiam magna. Sed nec arcu eu velit dictum interdum. Sed at mauris. Proin interdum ipsum at est rhoncus semper. Suspendisse potenti. Sed at libero. </p>
<p>Etiam posuere, mauris vitae pretium nonummy, nibh ligula gravida diam, vitae consequat augue enim nec ante. Nulla risus. Cras tincidunt, ipsum vel fringilla lobortis, nulla sem dapibus odio, a aliquet dui dui eu diam. Pellentesque pretium arcu non nibh volutpat sagittis. Fusce nonummy. Ut aliquam metus quis metus. Etiam ac ipsum in diam mollis cursus. Pellentesque mattis tortor. Pellentesque mi purus, luctus eu, tempor non, dapibus quis, tortor. Morbi condimentum, turpis a pharetra fermentum, mauris urna lacinia nisi, sed ultricies nulla nisi non sapien. Cras rhoncus mi consequat neque. Nunc dictum odio a enim. Maecenas malesuada ullamcorper quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam consequat, purus ut ullamcorper consequat, lectus dui dapibus nulla, non sollicitudin diam orci vel lectus. Fusce gravida. </p>
<p>Fusce non magna. Curabitur ornare. Quisque sagittis fringilla urna. Cras vestibulum, elit quis tempus lacinia, nisl est ultrices mi, eu eleifend enim lacus in elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis iaculis. Phasellus ultrices dignissim erat. Vivamus pretium mollis mauris. Suspendisse molestie elit. Curabitur fermentum magna non neque. Nam eget arcu. Morbi nisl. Nulla fringilla, neque sit amet mattis rhoncus, lectus neque dictum justo, ut accumsan lectus nisi vitae erat. Ut ut leo non est posuere laoreet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
</div>
</div>
</div>
</body>
</html>

ps.: eu coloquei bastante conteúdo e não testei no IECA 6 porque estou em um pc sem ele !!

mas no FF e no IESCA7 funfo bunito !

Abraços !

ersime · Março 13, 2008

Funcionou, mas a âncora aparece atrás da imagem.

Ronaldo Bitencourt · Março 13, 2008

Funcionou, mas a âncora aparece atrás da imagem.

no caso desse code q eu te passei como o topo tem 100px de altura coloque um margin-top no content de 100px tbm q funciona ;)!!!

Entrar

Arquivado

imagem stática e texto rola embaixo

Recommended Posts

ersime 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ronaldo Bitencourt 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ersime 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ronaldo Bitencourt 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ersime 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Ronaldo Bitencourt 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Ajuda em Paginação

JAVA - Orientação para Invalidar Sessão

printf iniciante básico

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante