Tableless - Preencher Coluna Lateral Com Div
#1
Posted 05/11/2005, 18:43
A duvida é o seguinte, eu tenho um layout com uma coluna lateral onde fica o menu, e gostaria de fazer com que este 'div' lateral se estendesse até o final da pagina, pois ele possui uma cor de fundo, e se não tiver conteudo ele não continua até o fim da pagina, aí o meu layout fica horrivel!
Não tem como eu colocar esta cor em plano de fundo, porque eu ja uso outra imagem. Nem queria usar tabelas, porque se não minha ideia e meus meses de trabalho, vão tudo pro espaço...
Alguem tem uma solução?
[]´s
Marcelo
- LarPhozyHah likes this
#2
Posted 05/11/2005, 18:52
Usa o background-repeat: repeat-x;
Já tenou isso?
#3
Posted 05/11/2005, 18:54
Farei um exmplo rápido, teste ele :
.geral {
position: absolute;
float: left;
top: 0;
left: 0;
width: 789px;
border: 1px solid #87FF52;
text-align: left;
}
.menu {
float: left;
width: 250px;
border: 1px solid #588975;
}
.conteudo {
float: left;
width: 235px;
margin-left: 10px;
border: 1px solid #555890;
}
<div id="geral">
<div id="menu">Menu<br/>Menu<br/>Menu</div>
<div id="conteudo">Conteúdo<br/>Conteúdo</div>
</div>
Assim sua página vai alterar a altura se o menu for maior que o conteudo
ou se o conteudo for maior e vice-versa.
Flw.
Caso não entenda algo pergunta aê!
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#4
Posted 05/11/2005, 19:05
Não funcionou...Saudações...
Usa o background-repeat: repeat-x;
Já tenou isso?
invasoesdemaniacos, o exemplo que você postou também não funcionou... Na verade, a organização do layout eu ja tenho, ja coloquei as 'divs' em ordem e tudo mais, só falta mesmo conseguir fazer com que o 'div' lateral se estenda até o fim da página.
O codigo que você me passou não funcionou, pois a 'div' central ficou em baixo da 'div' esquerda, ai não dá para eu testar se a 'div' lateral se estendia até o final da pagina ou não.
Qual a propriedade que você usou na 'div' para ela se ficar com altura 100%? Não vi nada de diferente no seu codigo...Hehe
[]´s
Marcelo
Edição feita por: Marcelo Amaral, 05/11/2005, 19:06.
#5
Posted 05/11/2005, 19:18
<style>
.geral {
position: absolute;
float: left;
top: 0;
left: 0;
width: 789px;
border: 1px solid #87FF52;
text-align: left;
}
.menu {
float: left;
width: 250px;
border: 1px solid #588975;
}
.conteudo {
float: left;
width: 210px;
margin-left: 10px;
border: 1px solid #555890;
}
</style>
<div id="geral">
<div id="menu">Menu<br/>Menu<br/>Menu<br/>Menu<br/>Menu</div>
<div id="conteudo">
Conteúdo<br/>Conteúdo<br/>Conteúdo<br/>Conteúdo<br/>
Conteúdo<br/>Conteúdo<br/>Conteúdo<br/>Conteúdo<br/></div>
</div>
Mudou o float: left;. É isso que coloca sua div ao lado da outra e se alterar a altura do menu altera automaticamente a div geral, isso assegura que seu layout não vai ficar desconfigurado quando aumenta a altura.
Flw!
Edição feita por: invasoesdemaniacos, 05/11/2005, 19:37.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#6
Posted 05/11/2005, 19:37
Agora que vi, acho que entendi a sua ideia... você quer usar a 'div' geral para preencher a area em branco na coluna lateral não é? Boa ideia, vou adaptar aqui, acho que dá para resolver...
Quanto ao float, eu ja estava usando ele. Memso assim, se eu não tivesse uma 'div' geral, a 'div' do menu não se estendia ao final da pagina. Nem a 'div' que você postou se estende, só funciona se tiver a 'geral' no fundo. Vou usar uma 'div' geral
Valeu pela ajuda...
[]´s
Marcelo
#7
Posted 05/11/2005, 19:45
Falha minha
Aff, mau mesmo!
pode deixar id se quiser e colocar no CSS no lugar do . o #
#geral...
Você pegou a idéia, isso é bom!
Mesmo asim valews!
Até + e minhas sinceras desculpas.
Se precisar, grita!
Edição feita por: invasoesdemaniacos, 05/11/2005, 19:46.
Localidade: Campinas - SP
Linguagem de desenvolvimento: XHTML | CSS (Tableless) | JavaScript | AJAX | PHP
Contatos: brkamikasecps@gmail.com | brkamikasecps@hotmail.com
#8
Posted 23/09/2017, 18:38
#9
Posted 30/09/2017, 05:00
Cual Es La Mejor Viagra Cialis Wirkung 20mg Cephalexin Atlanta Dental generic cialis Propecia Precio Farmacia Comprar Amoxicillin With Potassium Clavulanate
#10
Posted 10/10/2017, 06:06
Il Cialis Fa Dimagrire viagra Cialis Kje Dobiti Propecia Eroski
Viagra Cialis De generic cialis Cialis Precio Lilly Battling Anxiety Nhs Ways To Last Longer
Clomid A Quoi Sert Cialis Levitra Viagra Difference Orlistat Availabilty? viagra online pharmacy Amoxicillin Syphilis
Baclofen Generique farmacie a san marino levitra bayer Comment Prendre Le Cytotec Come Ordinare Viagra Discount Buy Viagra
#11
Posted 10/10/2017, 10:02
Discounts! kempen best product
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).
READ MORE
Classic Soldier Revoltech Figure Model 15cm Toy Kid Gift-16.77 $
Pogoda ustroila stress-test moskovskim voditelyam
Car styling cartoon car stickers vinyl decal baby on board baby in car window rear windshield ( 0.75 $)
Perkins, Entoni
Womens black leather and mix media jacket ( 730.20 $) Forzieri
Yueqi YQ8008 216pcs LED DIY Programmable Bike Spoke Light 83.99$
Glau, Sammer
2 x 30 BAK - 4 Prism Infrared Night Vision Telescope ( 158.42 $)
Revekka
Teclast X70 R 3G Phablet-55.70 $
Full diy diamond painting kits cube drill rhinestone cross stitch kits diamond mosaic needlework flowers and umbrella nw123 ( 13.00 $)
iBlue DIY Cardboard 3D VR Glasses Headset ( $3.99 )
7A Peruvian Virgin Hair Peruvian Loose Wave 4Bundles Rosa Hair Products Peruvian Loose Wave Virgin Hair Soft Peruvian Hair Weave ( 60.00 $)
ILIFE V5 Pro Intelligent Robotic Vacuum Cleaner ( 129.99 $)
2016 new men's fashion business travel shoulder bags,men messenger bags,pu leather briefcase men,men bag free postage ( 25.90 $)
Discounts! it products review
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).
READ MORE
Dr.Web CureIt! 10.0.7 Rus [2017-02-19]
Wholesale amaze burgundy ombre african box hair braiding expression kanekalon jumbo braid hair extension 24 ( 32.80 $)
Suaoki Solar Panel Retractable Camping LED Lantern-16.99 $
Stylish straight leg pentagram pattern zipper fly men's shorts ( 15.98 $)
Portable Pocket Mini Ceramic Sharpener for Outdoor Camping ( $1.18 )
Karl 7 30mm Silver IP Stainless Steel Womens Watch ( 199.00 $)
TRICOLOUR 1000x Festoon smd 5050 8 LED SMD 31 36 39 41 42 mm Dome LED Light Bulbs car light Indicator Light Break Light #LK08 ( 350.00 $)
VANILNIJ, ShOKOLADNIJ I KOFEJNIJ KREMI
OBrajen, Mark
2mp3mp full hd 1080p 30fps h.264 ar0331 color cmos wdr usb webcam camera module with audio mirophone for windows ,android,linux ( 100.80 $)
brand men shark skin soft shell tad v 4.0 outdoor tactical military jackets waterproof sports army clothing jacket ( 58.80 $)
Black chrysanthemum lipstick 3 fruit flavors temperature changed lip balm moisturizer lips 3 5g makeup brand ( 4.49 $)
Island
Hot sale 2016 Cats Printing women Handbags Shell bag women PU leather messenger bags new arrival women cross-body bags WLHB1116 ( 47.77 $)
Adorable Clown Style Music Box for Children Birthday Gift-24.39 $
Discounts! new makeup products
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).
READ MORE
Mini Outdoor Survival Tool EDC Gear Folding Knife Money Cash Clip Camping Equipment Military Self Defense Trinket Multitool ( 4.85 $)
Veevan new fashion simple messenger bags europe and america style vintage shoulder bag europe and america vintage crossbody bag ( 20.62 $)
2016 obd2 auto diagnostic scanner autophix om123 obd ii eobd engine fault code reader russian car diagnosis scan automotive tool ( 26.50 $)
Plus size round neck bear head printed short sleeve men's t-shirt ( 20.29 $)
Luxury handbags women bags designer 2016 new fashion ladies hand bag shoulder crossbody bag for women messenger bags tl27 ( 29.99 $)
HOMTOM HT6 4G Phablet-143.89 $
2015 Winter Women Sweatshirt Hoodies Fashion Solid Long Sleeve Pocket Pullovers Slim 2015 Brand Tracksuits Women Clothes ( 19.58 $)
Inleela 2016 small autumn shell bag fashion embroidery shoulder bag new women messenger bag hot sale messenger bag ( 21.80 $)
Jocelyn black leather flat sandal ( 112.33 $) Michael Kors
Shevale, Moris
Pegaso Old Silver Ring ( 105.00 $)
Touch Brown Silicon Mens Bracelet ( 111.60 $)
James medium leather saddlebag ( 262.12 $) Michael Kors
Brazilian body wave with closure 3 bundles with closure 7a brazilian virgin hair with closure human hair extensions with closure ( 102.20 $)
Just In Time Gold Tone Stainless Steel Womens Watches wBlue Dial ( 188.00 $)
Discounts! makeup best
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).
READ MORE
7a 3pcs peruvian straight virgin hair with closure straight lace closure with bundles queen hair products with closure bundle ( 90.39 $)
Arlan iz Pennitri Game of Thrones
5v3 4a universal usb charger ugreen travel wall charger adapter portable eu uk plug smart mobile ( 13.17 $)
7A Grade Brazilian Curly Hair Weave Unprocessed Kinky Curly Hair Extensions 3 Bundles Natural ColorJet Black Remy Human Hair ( 43.20 $)
Stylish faux fur and checked design women's short boots ( 36.51 $)
Shengshou Cube 5cm Height White Base Rubik Cube Portable Intelligent Toy ( $1.91 )
ZOPO Hero 2 Android 6.0 5.5 inch 4G Phablet MT6737 Quad Core 1.3GHz 1GB RAM 16GB ROM Fingerprint Scanner OTG A-GPS Bluetooth 4.0 Dual Cameras WiFi ( EU Plug ) 90.39$
Cucumber seeds 100 japan mini cucumber vegetable and fruit seeds for home garden supply cucumis sativus ( 0.50 $)
Malaysian virgin hair loose wave 7a unprocessed virgin hair malaysian virgin hair 4 bundles malaysian loose wave 100% human hair ( 53.60 $)
FINOW X5 Plus Smartwatch Phone ( 109.99 $)
Luxury Mirror Case Soft TPU Back Cover For Samsung Galaxy A3 A5 A7 2016 J3 J5 J7 S4 S5 S6 S7 Edge Plus Grand Prime Phone Cases ( 2.29 $)
Peruvian full lace frontal closure with bundles peruvian virgin straight hair with closure ear to ear lace frontal with bundles ( 49.00 $)
Ac100~240v 9 inch color tft lcd video door phone doorbell handfree intercom kit monitor +camera with night vision ng4s ( 102.34 $)
Navy blue leather and suede platform loafer ( 334.34 $) Jil Sander
Motospeed Inflictor CK104 Gaming Mechanical Keyboard-47.27 $
#12
Posted 26/10/2017, 04:05
Buspar Online canadian healthcare mall levitra Retin A Online No Prescription Frontal Baldness Propecia Hair Loss Treatment
Online Pharmacy India Tamoxifen 20 Mg levitra for sale on ebay What Cephalexin Prescribed For O Comprare Viagra In Svizzera
Dutasteride Shop online pharmacy Cialis 5mg Gunstig Kaufen Cialis 10 Mg Quanto Costa
#13
Posted 05/11/2017, 18:21
Amoxicillin Fir Sinusitis Without A Prescription Propecia Side Effects levitra plus No Doctor Viagra
Wellbutrin With Free Viagra Sur viagra Propecia Verschreiben Lassen
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)