Jump to content


Photo

Posicionar Div Dentro De Outra Div Com Css

HTML CSS DIV Posicionar

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

#1 cmdmss

cmdmss

    Novato no fórum

  • Usuários
  • 3 posts

Posted 02/01/2012, 09:40

Prezados colegas, bom dia.

Tenho uma div principal, e dentro desta, outra div(secundaria).

estou tentando posicionar a div secundaria na div principal. Quero colocara por exemplo a 10% abaixo do topo da div principal, eu seto o CSS para top:10% mas ela não vai!

Segue abaixo codigo.
 

<div id="DivPrincipal">

<div id="IntDiv1">

<table align="left">

<?

echo "<tr><td>De ".mostraData($x->dataIni)." a ".mostraData($x->dataFim)."</td></tr>";

echo "<tr><td>".$x->local." / ".$x->cidade." - ".$x->estado."</td></tr>";

echo "<tr><td><table><tr><td>FALTAM</td></tr><tr><td>X dias</td></tr></table></td></tr>";

?>

</table>

<div id="divInt2">

<table>

<tr><td>Lista de Inscrições</td></tr>

<tr><td>

<table>

<tr><td>Inscrição</td><td>Nome</td><td>CPF</td><td>Email</td><td>Celular</td></tr>

</table>

</td></tr>

</table>

</div>

</div>

</div>

e no css
 

#DivPrincipal{

position: relative;

width: 800px;

z-index:1;

top: 10%;

border: 1px solid black;

border-radius:11px;

background-color: white;

overflow: auto;



}



#divInt2{

position:relative;

top:30%;

}

Alguem pode me dar a luz no fim to tunel?

 



#2 _mcl_

_mcl_

    Mestre

  • Usuários
  • 609 posts
  • Sexo:Masculino
  • Localidade:Ipatinga / MG

Posted 02/01/2012, 22:04

Você tem duas opções. A primeira é colocar a DIV filho em position:absolute e deixar a pai em position:relative como está, parar que assim o top:30% funcione, ou usar margin-top para fazer o espaçamento superior sendo relative. "Top:valor" só funciona quando o elemento referente é absolute.
Posted Image Posted Image Posted Image Posted Image

#3 Samuel Silva Pereira

Samuel Silva Pereira

    Turista

  • Usuários
  • 49 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 04/01/2012, 22:31

isso usa um margin-top ou padding-top ;)
Para quem quer saber os melhores Hd ExternoMensagens para celular e Frases lindas para você mandar.
Frases para Facebook para postar em seu mural.
Dia do Amigo e Piadas

#4 shayllis

shayllis

    12 Horas

  • Usuários
  • 152 posts
  • Sexo:Masculino
  • Localidade:Barueri - SP
  • Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 05/01/2012, 21:32

Jamais coloque position neste caso... só vai dar dor que cabeça

Coloque float: left ao elemento pai; depois float: left ao elemento filho;
Pronto eles se soltaram e poderão ser movimentados livremente

#5 RonsisM

RonsisM

    Super Veterano

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

Posted 20/09/2017, 15:57

Secure Ordering Finasteride online pharmacy Cialis 20 Mg Foglio Illustrativo Buy Viagra Online Paypal Uk Como Tomar Cialis 20 Mg Efectos Del Viagra En Jovenes Priligy 30 Mg Controindicazioni cialis price Walmart Drug Prices Without Insurance
Levitra Prix En Medecine cialis Cialis 20mg Vidal
What Do Amoxicillin Capsules Look Like Zithromax Birth Control O Comprare Kamagra In Francia
Vomiting And Propecia <a href=http://cialtobuy.com>cialis</a> Viagra Rx Medstore
Buy Aldara Cream India generic cialis Viagra Fur Die Frau Flussig
Viagra Vs Generic Canadian Viagra Pharmacy Fedex Hydrochlorothiazide C.O.D.
Cialis Non Prescription Needed <a href=http://cialtobuy.com>cialis buy online</a> Cialis Comprar Espana

#6 RonsisM

RonsisM

    Super Veterano

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

Posted 05/10/2017, 09:40

Assumere Levitra cialis buy online Vardenafil Levitra Precio Keflex Used For Tonsilitis
Kamagra Oral Jelly Oder Tabletten cialis Brand Cialis Online Cheap
Come Comprare Cialis On Line online pharmacy Cephalexin 250 Mg Price

#7 HaroNism

HaroNism

    Super Veterano

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

Posted 05/10/2017, 12:44

Levitra On Line Italia viagra prescription Dapoxetina Modo De Empleo

#8 RonsisM

RonsisM

    Super Veterano

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

Posted 14/10/2017, 06:51

Viagra Australia Acquisto Cialis Internet Avodart 0.5 Mg Buy viagra Can Amoxicillin Clear Up Gonorrhea Lasix (Furosemide) 40 Mg
Acyclovir Kamagra C Est Quoi Amoxicillin And Pink Eye mail order levitra Prix Boite Cialis 5mg
Buy Amoxicillin In Mexico 1447 Erectile Dysfunction And Pe online pharmacy Amoxicillin For Kennel Cough
Canada Rx Discounters cialis Viagra Sold In The United States Viagra 100mg Effets Secondaires

#9 LarPhozyHah

LarPhozyHah

    Super Veterano

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

Posted 14/10/2017, 13:49

Sinequan Order Propecia Non Prescription viagra online prescription Forum Ou Acheter Du Cialis Risks To Taking Non Prescription Propecia Get Fedex Shipping Doryx Cod Accepted Website
Generic Cheap Propecia Online Buy Generic Levitra Overnight Purchase Female Viagraachat De Viagra viagra Viagra Cialis Effetti Netherlands Online Pharmacy

#10 BobbyCak

BobbyCak

    договор ок

  • Usuários
  • 12238 posts
  • Sexo:Feminino
  • Localidade:Liberia
  • Interesses:115141

Posted 14/10/2017, 14:09

исковое заявление о продлении срока вступления в наследство образец

брачный договор после заключения брака приказ о неначислении премии образец Распоряжение о наказании работника образец Бланк егэ по математике 2017 распечатать Заявление на возврат товара надлежащего качества образец 2017 Заявление на получение градостроительного плана земельного участка Водительская медицинская справка в ростове на дону Объяснительная о дтп образец Педагогическое представление на учащегося образец заполнения рабочая программа производственного контроля качества воды образец приглашения на день рождения шаблоны образцы для печати для мальчиков штрих м фр к инструкция форма 070 у справка для получения путевки скачать бланк трудовой договор с оператором машинного доения образец постановление правительства рф от 4 июля 2013 г. n 565 заявка на вывоз мусора образец письмо о пересогласовании материалов образец строка 2110 отчета о финансовых результатах равна сроки размещения отчета об исполнении контракта по 44-фз Заявление о переходе на упрощённую систему налогообложения Договор на сдачу металлолома образец Рисунки для вязания на спицах с образцами и с полным описанием для детей Акт безвозмездной передачи материальных ценностей образец Акт ввода объекта в эксплуатацию образец скачать заявление о распределении судебных расходов после вынесения решения паспорт группы детского сада образец по фгос медицинская справка для получения водительского удостоверения

форма регистрации клиента метро образец заполнения для юр лиц акт на установку материалов образец

скачать бланк на замену водительского удостоверения 2017 как подписать тетрадь на английском языке образец путешествия на авто по россии отчеты журнал выдачи ключей от помещений образец договор о возмещении затрат на потребляемую электроэнергию договоры в сфере авторских прав дополнение к исковому заявлению в суд образец mystery mx 607 инструкция бланк о прибытии иностранного гражданина бланк уведомление о смене реквизитов образец абонентский договор триколор тв бланк скачать карточка учета организации форма 18 нового образца бланк 2017 форма 2 для аукциона 44 фз образец журнал врачебной комиссии образец существенные условия гражданско правового договора справка ф 182-н последняя версия заявление на регистрацию ребенка по месту жительства образец заявление на вступление в профсоюз 73 постановление правительства рф с последними изменениями 2017 не могу распечатать анкету на загранпаспорт нового образца паспорт на бетон м200 образец авансовая счет фактура образец акт измерения температуры в помещении образец образец заявления в банк о взыскании по исполнительному листу личное дело сотрудника образец расширительный бачок лада ларгус нового образца обязательные реквизиты акта оказанных услуг

товаро-транспортная накладная бланк 2017 чистый бланк скачать word письмо солдату от школьника образец постановление от 23 июня 2017 года 572 инструкция imax b6 mini на русском

#11 RonsisM

RonsisM

    Super Veterano

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

Posted 21/11/2017, 10:04

Viagra Cialis Differenze online pharmacy Cialis Generique Effets Secondaires Viagra Ne Fait Pas Bander Metformin Non Prescription
Cialis Rezeptfrei Tadalafil levitra in canada discount code Cialis Seguro Zithromax 500mg For Uti





Veja alguns posts relacionados com: HTML, CSS, DIV, Posicionar

1 user(s) are reading this topic

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

IPB Skin By Virteq