Jump to content


Photo

É Errado Usar Position: Absolute?


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

#1 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 07/07/2008, 16:02

Nem preciso dizer muita coisa. Só um complemento.

O caso de ter essa dúvida se é errado usar position: absolute é que quero posicionar uma imagem, de tag IMG mesmo, sobre uma com background de fundo.

Usei o z-index pra isso também ^^

Mas não sei se é certo, mesmo porque, outras resoluções fica muito bagunçado.

Esse é o melhor meio? Forçar a posição. Ou tem algo mais certo (ou menos errado...)

#2 BGGMB

BGGMB

    12 Horas

  • Usuários
  • 156 posts
  • Sexo:Masculino
  • Localidade:Vinhedo SP
  • Interesses:CSS, XHTML, SEO, Photoshop, Illustrator, After Effects, InDesign, Fireworks, Dreamweaver...

Posted 07/07/2008, 21:47

Depende de como você está usando.

O position:absolute; não é invalido, porém dependendo do que você quer fazer não tem necessidade de usar.
O mais correto é sempre usar o absolute de forma que ele fique relativo a algo da página, acho que nunca é bom usar absolute relativo ao body, porque você dificilmente vai ter bons resultados em resoluções diferentes.

Mostre onde você usou que fica melhor explicar.
front-end engineer <tags: css/xhtml/javascript/seo/usability/semantic>
www.brunobincoletto.com - twitter @brunobincoletto

#3 Alex Batista

Alex Batista

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado
  • Localidade:Capital/PE
  • Interesses:Tecnologia, (x)HTML, CSS, DOM, JavaScript, PHP, MYSQL entre outras tecnologias para web, além de gráficos.

Posted 11/07/2008, 17:56

É... realmente depende do que você desejar fazer. Sabe qual é a diferença entre position: relative, absolute? Seus nomes já dizem. A solução a início seria usar relative e controlar a distância com margin.
Caso não tenha entendido, posta a parte de teu código HTML e CSS na tela.

Abraços,

Alex Batista

#4 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 13/07/2008, 12:15

Não é errado usar position absolute, mas não podemos sair usando em tudo. Para mim ela é muito importante, só que deve ser usada só quando necessário.

Se vocês quiserem fazer um menu pop-up por exemplo, precisamos usar position absolute para que o sub-menu sobreponha os outros elementos da página.

Também não é errado usar position absolute relativo à tela, é muito útil por exemplo para centralizar determinado elemento horizontalmente e verticalmente na página como um banner flutuante.

(ok2)
att,
Muller Dias
ex-administrador Fórum WMO

#5 BGGMB

BGGMB

    12 Horas

  • Usuários
  • 156 posts
  • Sexo:Masculino
  • Localidade:Vinhedo SP
  • Interesses:CSS, XHTML, SEO, Photoshop, Illustrator, After Effects, InDesign, Fireworks, Dreamweaver...

Posted 15/07/2008, 22:20

Não é errado usar position absolute, mas não podemos sair usando em tudo. Para mim ela é muito importante, só que deve ser usada só quando necessário.

Se vocês quiserem fazer um menu pop-up por exemplo, precisamos usar position absolute para que o sub-menu sobreponha os outros elementos da página.

Também não é errado usar position absolute relativo à tela, é muito útil por exemplo para centralizar determinado elemento horizontalmente e verticalmente na página como um banner flutuante.

(ok2)


Exato, o exemplo do banner flutuante é um raro caso =P
front-end engineer <tags: css/xhtml/javascript/seo/usability/semantic>
www.brunobincoletto.com - twitter @brunobincoletto

#6 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 25/07/2008, 01:21

Não é errado usar position absolute, mas não podemos sair usando em tudo. Para mim ela é muito importante, só que deve ser usada só quando necessário.

Se vocês quiserem fazer um menu pop-up por exemplo, precisamos usar position absolute para que o sub-menu sobreponha os outros elementos da página.

Também não é errado usar position absolute relativo à tela, é muito útil por exemplo para centralizar determinado elemento horizontalmente e verticalmente na página como um banner flutuante.

(ok2)


Exato, o exemplo do banner flutuante é um raro caso =P


Não colega, não é arrado, depende muito do que você vai fazer, talvez não seja a melhor solução em alguns casos, mas não é errado, o que se deve evitar usar é o uso de margin, pois tem bug no ie... tem que saber muito bem o que vc esta fazendo, e o absolute, é um dos poucos que se safam de varios bugs, mas mesmo assim, depende da solução, por exemplo. vc tem um layout que tem um um header, onde ficam o logo de um empresa, um menu, e um espaço para a data e hora local, se a largura desse header é fixa, você pode usar o absolute numa boa, para posicionar as imagens e links nele, mas também vale uma mistura de tudo sem abusar, nem, um bom exemplo onde usei absolute é nesse site http://br.cellep.com/temquefalar, onde na barra de cima, onde tem varias imagens, vale mais apena vc usar position:absolute, do que seficar hrs tentando um bom posicionamento com float e bakground-position. tudo dependo do bom senso.

#7 Cristiano Galdino

Cristiano Galdino

    Dark Defender

  • Administradores
  • 3738 posts
  • Sexo:Masculino
  • Localidade:Brasília, DF

Posted 25/07/2008, 01:25

Não colega, não é arrado, depende muito do que você vai fazer, talvez não seja a melhor solução em alguns casos, mas não é errado
...

Ele disse que é exato. 8)
Cristiano Galdino
- http://cristiano.galdino.net/

“Since 2003”


#8 HaroNism

HaroNism

    Super Veterano

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

Posted 26/09/2017, 15:07

Cipla Tadacip Online Dutasteride Dutagen Bph cialis 125 Tab Lek Pharma Reaction To Amoxicillin And Mononucleosis What Is Amoxicillin And Clavulanate Potassium
Where Can I Find Avanafil Cheaper cialis Child Reaction To Amoxicillin Cephalexin Sulfameth Trimethoprim Seborrheic Dermatitis

#9 HaroNism

HaroNism

    Super Veterano

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

Posted 08/10/2017, 20:45

Amoxicillin Over The Counter Azithromycin For Sale Online levitra vs viagra vs cialis Punarnava Vendita Viagra Pfizer
Viagra Sildenafil 50mg Kamagra Problems viagra cialis Poppers Und Levitra When Will Dapoxetine Sera Disponible? Cephalexin 500mg Cap Lup
Find isotretinoin best website Zithromax Group B Strep viagra Cialis E Ulcera Dog Amoxicillin Amoxicillin Indications

#10 HaroNism

HaroNism

    Super Veterano

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

Posted 23/10/2017, 11:56

Fish Amoxicillin Sales Fish Cephalexin Zantac Amoxicillin online pharmacy Propecia Over The Counter Price Generic Viagra
Abuse Propecia And Rogaine levitra generico prezzo Cialis Miglior Prezzo Online Viagra On Line Forum Avodart
Al Maximo Kamagra levitra pills online Cialis Lontano Dai Pasti Macrobid Antibiotic In Internet Tablet Pharmacie Cialis Viagra

#11 fapedlok

fapedlok

    Ativo

  • Usuários
  • 341 posts
  • Sexo:Masculino
  • Localidade:Brisbane

Posted 24/10/2017, 13:18

Discounts! best department stores progect11.jpg 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). buy.png READ MORE Fuchsia fonce cotton tiger espadrille ( 108.59 $) KenzoMotorcycle protaper grips motocross grip handle bar dirt pit bike motocross 7 8 handlebar rubber gel ( 5.96 $)Cute Cat Case For iPhone 6 iPhone 6 6s Plus 5s SE Case Ripndipp 3D Animals Soft Silicon Rock Pocket Kitten Cover For Iphone6 ( 2.86 $)SUP-PYuRE IZ MORKOVI1pc High Quality Car Charger DC Converter Module 12V To 5V 3A 15W with Micro USB Cable Newest Free Shipping ( 2.86 $)Orbitalnij Samolet X-37B VVS SShA vernulsya na Zemlyu . (Video)2pcslot 240gpcs trek pole nordic walking poles telescopic alpenstock aluminum alloy shooting walking stick crutch senderismo ( 36.00 $)7 inch HD Car Navigator 128MB 4GB Wince6.0 800MHZ 2016 Map RussiaBelarusSpain EuropeUSA+CanadaIsrael Gps Navigation ( 43.98 $)Chic 34 sleeve turn-down neck bowknot design women's coat ( 47.51 $)Mozhno ya poOru? (Video)Mva genuine leather men bag fashion crossbody leather bag men messenger bags casual shoulder designer handbags man bags 2016 new ( 54.60 $)Yueqi YQ8008 216pcs LED Programmable Bicycle Spoke Light DIY-85.14 $Mini M8S II 4K Smart TV Box Amlogic S905X Quad Core Processor-41.47 $Womens Tan Perforated Italian Leather Driving Gloves ( 98.00 $)Men's casual solid color cargo shorts ( 15.74 $) 75.jpg
Discounts! beauty & the beast progect11.jpg 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). buy.png READ MORE KUPIVIP.KZ Internet-shop of clothes and shoes, buy fashionable branded clothes and shoesNED 4 ( 1.53 $)Best quality brazilian virgin hair loose wave 4 bundles 8a unprocessed virgin human hair loose wave brazilian hair weave bundles ( 38.50 $)BLUBOO XTOUCH 3GB 4G Smartphone-152.54 $Santic suitable for 5-10 winter men cycling gloves mtb male road gloves cycling bike bicycle full finger cycling gloves c09046 ( 35.64 $)SQ8 Mini DV Camera 1080P Full HD Car DVR-14.16 $DRL Controller Auto Car LED Daytime Running Light Relay Harness Dimmer OnOff 12-18V Fog Light Controller 2016 ( 4.26 $)Belosnezhka i sem gnomov (multfilm)Neoprene rubber belt drawing abdomen slimming cummerbund female thin body shaping waisttrainer black purple 4 color ( 24.97 $)Cartoon cats printed shopping cat tote bag canvas woman bags 2016 bag handbag fashion handbags portable student bookbag hand bag ( 7.50 $)Portable pocket telescopic mini fishing pole pen shape folded fishing rod with reel wheel ( 7.04 $)Jane army and red leather tote ( 1064.55 $) Pierre HardyJewelry print twill silk square scarf ( 141.54 $) Roberto CavalliOriginal free shipping MRF1511N MRF1511 1511 QFN 6PCSLOT in Stock ( 28.54 $)Elegant shimmer faux zircon ring for women ( 2.18 $) 97.png
Discounts! best cosmetic products 2017

progect11.jpg
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).

buy.png

READ MORE
Navy blue mini dots cotton slim fit mens shirt ( 54.56 $) Forzieri
New Yoga Tops women Sexy Gym Sports Vest Fitness Running tight woman Sleeveless shirt Quick Dry Fit Tank Top Yoga Wear clothing ( 12.40 $)
V Kitae na dne reki Minczyan obnaruzheni sokrovisha, (Video)
Optical 1 Top - Black Murano Glass Choker ( 165.00 $)
Mens Violet Croco Stamped Leather Belt ( 110.40 $)
Stylish cut out spaghetti strap solid color women's romper ( 14.06 $)
H-Cleaning | Professional cleaning of apartments and houses in Moscow and Moscow region
Stainless Steel Cross Pendant Necklace ( 118.40 $)
2016 New Man Leather Messenger Bag Male Cross Body Shoulder Business Bags For Men JP1505 ( 17.65 $)
Marie black suede mid-heel bootie ( 457.38 $) Balmain
Slim fit color block double breasted design pullover hoodie for men ( 22.21 $)
16pcslot wholesale razor high quality men's razor blades shaver blades shaving blades for mache 3 standard for ru&eu us ( 7.35 $)
New 2016 backpack vintage canvas women bag shoulder bag women backpack preppy style school bags travel backpack mochila feminina ( 47.99 $)
High heel wedding shoes women new fashion crystal platforms glitter rhinestone studded wedge party pump prom shoes ( 111.99 $)
DIY Dog Key Chain Alaska Dog Husky Dogs Keychains Woman Pet Key Holder Metal Anime Keychain Keyring Jewelry Bag ( 3.99 $)


39.jpg
Discounts! good product review

progect11.jpg
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).

buy.png

READ MORE
Leather gloves motorbike motorcycle gloves winter waterproof windproof protective gear sports racing motocross moto gloves luvas ( 31.35 $)
Men jacket coat long section fashion trench coat jaqueta masculina veste homme brand casual fit overcoat jacket outerwear 5xl ( 62.28 $)
My my my hair store 7a brazilian virgin hair body wave 4 bundles brazilian hair weave bundles brazilian body wave human hair ( 61.00 $)
Muzee Hot Sale 2016 New Fashion Arcuate Leisure Men's Backpack Zipper Solid Canvas Backpack School Bag Travel Bag ME_0528 ( 35.90 $)
BPA Silicone Teeth Necklaces Silicone Teething Beads DIY Jewelry for Mother ,Baby Chewing Necklaces Teethers ( 4.90 $)
Passione - Red, Gold and Black Murano Glass Heart Pendant ( 38.00 $)
Women new fashion rompers and jumpsuits women sexy backless sleeveless playsuit bodysuits elegant knitted jumpsuits ( 21.80 $)
Office style stiletto heel and pu leather design women's pumps ( 28.15 $)
Baby Boy Sterling Charm Bracelet ( 105.00 $)
Weitus NO.1205 15 Grid Components Storage Box Case ( $3.49 )
Men's Plaid Shirts 2016 Fashion Long Sleeve Slim Fit Cotton Shirt Free Styles Man Clothes Mens Shirt!Asian size, not USEU size ( 7.91 $)
Blackview BV2000 4G Smartphone-73.21 $
Autumn gold tote big bag women leather handbags luxury shoulder bags designer high quality sac a main marques bolsos mujer bags ( 42.25 $)
Vo vse tyazhkie (5-j sezon)
Zig zag woven silk narrow tie ( 40.89 $) Laura Biagiotti


99.png
Discounts! www bestproducts

progect11.jpg
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).

buy.png

READ MORE
Pair of stylish colored faux crystal cube embellished flower earrings for women ( 3.85 $)
Dark grey leather medium hill satchel bag ( 561.69 $) Jil Sander
Women bag handbags over shoulder crossbody sling girl leather tote rivet tassel black small knitting motorcycle lady bolsas sale ( 21.85 $)
EKFRAZA
Casual women's scoop neck long sleeves lace splicing t-shirt ( 7.92 $)
Women trench coat 2016 spring autumn women's overcoat female long hooded coat zipper horn button outwear ( 17.60 $)
J.quinn women's wallets genuine zipper women leather wallet calfskin female red purse luxury brand long cow ladies purses bifold ( 23.98 $)
New arrive flashlight keychain figure keyrings cool batman keychain batman keychain led keychain with sound ( 1.18 $)
Mini Paisley Pattern Woven Silk Tie ( 50.96 $)
Signature Printed Twill Silk Narrow Tie ( 77.00 $)
Cobbler legend brand men's genuine leather business bag 2016 men shoulder bags high quality male handbags for men #812166-1 ( 75.00 $)
Kinky straight hair weave 4 bundles straight hair 8a kinky straight virgin peruvian hair bundles italian yaki human hair ( 82.04 $)
BULON S ZAPEChENNIM RISOM
Detskij chas
Comedy Circus Ke Ajoobe — Ep 37 — Kapil Sharma As Blind Wedding Singer


52.jpg

#12 HaroNism

HaroNism

    Super Veterano

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

Posted 04/11/2017, 23:12

Cod Acticin Using Expired Amoxicillin generic viagra Zithromax Ecuador
Isotretinoin Buy Online Uk Acheter Du Viagra Cialis Cialis Generique Vente viagra online pharmacy Tadalista
Cephalexin Penicilin Zithromax Syrup Dose Levitra No Me Funciona buy levitra 10 mg Keflex And Bleeding
Medikament Viagra 50 Mg Commander Viagra Ligne viagra Clomid Et Grossesse Extra Uterine Buy Viagra Jelly Uk

#13 HaroNism

HaroNism

    Super Veterano

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

Posted 30/11/2017, 13:01

Zithromax Medscape Purchase Tamoxifen Online viagra Cheapest Sildenafil Citrate 100mg Medicine Pricing Levitra 40 Mg
Topical Propecia Thinning Hair Cialis Con Red Bull Cephalexin Capsule 250 viagra Durer Plus Longtemps Chambres Ed Med Trimix From Indian Pharmacies
Fluoxetine Uk Buy Buy Lasix Cheap Legitimate Venta De Kamagra Contrareembolso buy viagra Clomid Acupuncture Ivf

#14 LarPhozyHah

LarPhozyHah

    Super Veterano

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

Posted 02/12/2017, 21:52

Tadalis Sx Soft Cream For Woman Viagra Tarif En Pharmacie Get Hard Pills Online viagra Amoxicillin For Cat
Orlistat Price Amoxicillin In Pets viagra Acheter Levitra Par Internet Pharmacyrx Order Effexor Online
Cheap Doxycycline Uk Amoxicillin Boils viagra Kamagra Oral Jelly Hannover Amoxicillin 500 Clav K 125 Mg
Cialis Prices Canada No Prescription Needed For Levitra Zithromax Price Walmart buy viagra online Zithromax Group B Strep Orlistat 60 For Sale What Is Amoxicillin Prescribed For
Where To Buy Orlistat Online Online Zentel Safe To Buy Viagra Online cialis online Pillole Kamagra
Propecia Akne Acheter Prescription viagra Ordinare Cialis Viagra Over The Counter Metrogel




2 user(s) are reading this topic

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

IPB Skin By Virteq