Jump to content


Photo

Css Forçar A Renderização Do Conteúdo Dentro De Uma Div


  • Faça o login para participar
11 replies to this topic

#1 Paulo Candango

Paulo Candango

    Novato no fórum

  • Usuários
  • 6 posts
  • Sexo:Não informado

Posted 07/08/2009, 15:59

Pessoal boa tarde, estou com um problema que não consigo resolver de geito nenhum, quase um desafio.
Preciso que o conteúdo de uma lista "UL" contido numa div não ultrapasse a altura da div, não posso colocar barra de rolagem e tenho espaço de sobra para as laterais, então queria que quando a lista ficasse maior que a div a lista caísse para o lado, e quando a sub lista "UL LI UL" ficar no final, no limite da DIV, ela tambêm caia para o lado respeitando o fim da div, sem barra de rolagem, veja um exemplo com defeito na imagem:

Posted Image

A div é o quadro vermelho, eu quero que quebrar a lista UL no limite da div.

#2 CRDesigner

CRDesigner

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:São Paulo

Posted 07/08/2009, 20:55

Esse conteúdo que se refere é um Menu?
Já tentou utilizar uma <div> dentro da outra?

Ps: Facilitaria se postasse o código que está usando.

#3 Paulo Candango

Paulo Candango

    Novato no fórum

  • Usuários
  • 6 posts
  • Sexo:Não informado

Posted 07/08/2009, 22:45

Esse conteúdo que se refere é um Menu?
Já tentou utilizar uma <div> dentro da outra?

Ps: Facilitaria se postasse o código que está usando.


Segue abaixo:

<!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>        /* MENU COM BORDAS ARREDONDADAS */        .menuPrincipal * {                padding: 0px;                margin: 0px;                border: 0px;        }        .menuPrincipal {                margin:5px;                        height:400px;                                display:block;                border:solid red 5px;                overflow:visible        }        .menuPrincipal ul {                padding:0px;                margin:0px;                padding-left:3px;                width:200px;                background-color:#FFFFFF;                list-style:none;                border: solid #c5dbec 2px;        }        .menuPrincipal ul li ul {                margin-top:-22px;                position:absolute;        }        .menuPrincipal ul li {                height:22px;                padding:0px;                margin:0px;        }        .menuPrincipal ul li:hover {                border-left:solid #FF0000 2px;        }        .menuPrincipal ul ul {                margin-top:-2px;                border-left:solid #2d7ce2 5px;                left:204px;        }        .clr {                clear:both;        }</style></head><body>    <div class="menuPrincipal">        <ul>            <li> <a href="#"> Gerenciamento do sistema </a>                 <ul>                    <li> <a href="#"> Home </a> </li>                    <li> <a href="#"> RH </a>                        <ul>                            <li> <a href="#"> Dependete </a> </li>                            <li> <a href="#"> Bloqueio Laboratório </a> </li>                        </ul>                    </li>                    <li> <a href="#"> Interfaceamento </a> </li>                    <li> <a href="#"> Migração </a> </li>                </ul>            </li>          <li> <a href="#"> Laboratório </a></li>          <li> <a href="#"> Pronto-Atendimento </a> </li>          <li> <a href="#"> Prontuário Eletrônico </a> </li>          <li> <a href="#"> Solicitação de materiais </a> </li>          <li> <a href="#"> Administração </a> </li>          <li> <a href="#"> Regulação </a> </li>          <li> <a href="#"> Atendimento abulatorial </a> </li>          <li> <a href="#"> Procedimento Cirúrgico </a> </li>          <li> <a href="#"> Programas de saúde </a> </li>          <li> <a href="#"> Farmácia </a> </li>          <li> <a href="#"> Comunicação </a> </li>          <li> <a href="#"> Gestão de serviços </a> </li>          <li> <a href="#"> Banco de Leite </a> </li>          <li> <a href="#"> Ouvidoria </a> </li>          <li> <a href="#"> Controle de entradas </a> </li>          <li> <a href="#"> Lavanderia </a> </li>          <li> <a href="#"> Pediatria </a> </li>          <li> <a href="#"> SAI </a> </li>          <li> <a href="#"> Visita virtual </a> </li>          <li> <a href="#"> Banco de sangue </a> </li>          <li> <a href="#"> Módulo BI </a> </li>          <li> <a href="#"> Questionário Odontológico </a> </li>          <li> <a href="#"> Saúde do Servidor </a>                        <ul>              <li> <a href="#"> Ouvidoria </a> </li>              <li> <a href="#"> Controle de entradas </a> </li>              <li> <a href="#"> Lavanderia </a> </li>              <li> <a href="#"> Pediatria </a> </li>              <li> <a href="#"> SAI </a> </li>              <li> <a href="#"> Visita virtual </a> </li>              <li> <a href="#"> Banco de sangue </a> </li>              <li> <a href="#"> Módulo BI </a> </li>            </ul>          </li>      </ul>    </div></body></html>

O efeito que pretendo chegar é este aqui:

Posted Image

#4 Paulo Candango

Paulo Candango

    Novato no fórum

  • Usuários
  • 6 posts
  • Sexo:Não informado

Posted 11/08/2009, 16:15

E aí Pessoal?

#5 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 11/08/2009, 16:35

Se eu entendi bem, não tem como você fazer isso. A sua lista é maior que a altura da div, assim não tem como quebrar a lista. Se fossem listas menores, aí você poderia tentar deixá-las de lado.
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#6 Paulo Candango

Paulo Candango

    Novato no fórum

  • Usuários
  • 6 posts
  • Sexo:Não informado

Posted 11/08/2009, 17:02

Se eu entendi bem, não tem como você fazer isso. A sua lista é maior que a altura da div, assim não tem como quebrar a lista. Se fossem listas menores, aí você poderia tentar deixá-las de lado.


Nossa..... génio!
Ótima idéia, não tinha pensado nisso ainda, vou ver se consigo deixar 100% com mais de uma lista.

#7 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 03/10/2017, 14:14

Quando Il Cialis Non Funziona Precios Cialis 10 Cheap Wellbutrin generic cialis Propecia Generique Canada
Keflex E Coli Suseptability cheap cialis Effects Of Alcohol On Amoxicillin Viagra Delle Ande China Pharmacy Online
Best Cialis Online Viagra Significado cialis Propecia Dht Hair Loss Priligyonlineusa Discount Finasteride
Propecia Topical Cephalexin Perkacet Interactions Side Effects viagra Amoxicilina Website Next Day Free Shipping Kansas City Cialis Y Similares Gunstig Cialis
100mg Levitra Prix Boite De Lioresal Cialis One Day Prezzo viagra Viagra Pfizer Maroc
Propecia Hair Treatment viagra Wo Viagra Bestellen Forum Propecia En Espanol

#8 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 11/10/2017, 11:36

Imitrex Buy U.S Canada Medicine Online Pill viagra Propecia Dosage Permanent Drugstore Canada Free Shipping Buying Cialis In Waterloo
Effets Secondaire Cialis 20 viagra Prevacid Discount Prices Price Of Lasix

#9 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/10/2017, 22:14

Otis Media Not Responsive To Amoxicillin Article163 Order Tamoxifen Online viagra Generic Amoxicilina Tablet On Line The Purple Pharmacy Online Pharmacies In Usa
Acquistare Cialis Originale Can You Buy Keflex Over The Counter viagra Lexapro Brand Online Buy Viagara On Line In The Usa Buy Viagra In Canada Legally
Prix Viagra 100 Mg Par 8 Sale Isotretinoin Buy Diflucan Pill viagra 20mg Cialis Vs 100mg Viagra How To Get Viagra Online

#10 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 12/11/2017, 18:28

fedex isotretinoin 10mg cash delivery amex accepted - isotretinoin website Acheter Cialis Rapidement Fluoxetine 20 Mg Buy viagra Keflex Doseage
Levitra De Bayer Precios Levothyroxine Canada 24h viagra online prescription Achat De Baclofene
Lifestyle Pharmaceuticals viagra Sale Viagra Singapore Doxycycline Without Prescription Cialis Benavides

#11 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 13/11/2017, 00:18

Cialis 5 Mg Costo Cialis Ceguera Cialis 20 Beschreibung levitra lowest price Vrai Viagra Pas Cher Cialis E Gravidanza
Bactrim And Zithromax Diabete Viagra viagra Cialis Oder Kamagra
buy accutane generic viagra Cialis O Viagra O Levitra Propecia Apotek

#12 JeffMalm

JeffMalm

    Super Veterano

  • Usuários
  • 12254 posts
  • Sexo:Feminino
  • Localidade:Mount Carey

Posted 09/02/2023, 19:13

I am also taking evening primrose oil and L arginine, to help keep my CM from drying up and help my uterine lining from thinning out lasix canada Forty three percent of the swelling cases were accompanied by pain in the affected hand and or arm
viagra versus cialis A MYLK; B SOCS3; C STAT5B; D BIRC5; E PLK1; and F RACGAP1
The nurse is reviewing the child s record who is scheduled to receive inactivated polio vaccine IPV what is lasix used for Reassessment of the classical hypothesis of the pathogenesis of metabolic alkalosis




3 user(s) are reading this topic

0 membro(s), 3 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq