Forum Mjukvara Programmering och digitalt skapande Tråd

CSS - Positionera divar

1
Skriv svar
Permalänk
Medlem
●

CSS - Positionera divar

hejsan. Jag har en fråga om positionering av divar.

Är det mycket exakta PX man måste sätta på t.ex margin-left, right, top, bottom. width osv osv för att kunna positionera divar? Ska man inte kunna hysta fram något liknande som "div align (vet att kommandot ej finns) men ni fattar. Alltså att man positionerar divar på det sättet.
Ska det inte vara enklare?

Det känns lite halvdant det jag gör.

Mvh

Visa signatur

Samsung TFT 22" 2233RZ Svart 120HZ - 640GB Western Digital Black 64MB SATA III - Corsair 4GB (2x2048MB) 1333MHz XMS3-10600 - AMD Phenom2 X4 965 3,4GHz Black Edition - Gigabyte GeForce GTX 460 1GB OC - Fractal Design Define R3, Svart - Corsair TX 650W 80+ - Gigabyte GA-870A-UD3 - Cooler Master Hyper 212 Plus

Redigera
Citera flera Citera
Permalänk
Medlem
●

En fråga jag behöverl ägga till är.

Hur anpassar jag en div i en annan divs bredd.

Alltså om div1 har width: 500px

så ska div2 kunna ha width: 100% och sträcka sig över div1s 500px.

Visa signatur

Samsung TFT 22" 2233RZ Svart 120HZ - 640GB Western Digital Black 64MB SATA III - Corsair 4GB (2x2048MB) 1333MHz XMS3-10600 - AMD Phenom2 X4 965 3,4GHz Black Edition - Gigabyte GeForce GTX 460 1GB OC - Fractal Design Define R3, Svart - Corsair TX 650W 80+ - Gigabyte GA-870A-UD3 - Cooler Master Hyper 212 Plus

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag håller alltså på med att göra en trekolumnsdesign.

Visa signatur

Samsung TFT 22" 2233RZ Svart 120HZ - 640GB Western Digital Black 64MB SATA III - Corsair 4GB (2x2048MB) 1333MHz XMS3-10600 - AMD Phenom2 X4 965 3,4GHz Black Edition - Gigabyte GeForce GTX 460 1GB OC - Fractal Design Define R3, Svart - Corsair TX 650W 80+ - Gigabyte GA-870A-UD3 - Cooler Master Hyper 212 Plus

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

vill du ha det lättare än att skriva px, pröva
margin-left: auto ;
margin-right: auto ;

top och bottom finns också, kommer diven lägga sig själv
du kan också pröva float:left
tror jag det va, för att den ska lägga sig i vänsterkant, gör du sen en till div med float left så lägger den sig brevid den första divven.
va ett tag sen jag gjorde det, men googla på det. jag hitta hur mycket som helst då.

Visa signatur

Maximus X Hero - 8700k @5.1GHz - H115i - 32GB LPX@3466MHz - MSI 980Ti Gaming - EVGA SuperNova 750 G2 - Asus vg248qe - FD R5

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag har faktiskt gjort det. Men jag förstår inte riktigt hur jag ska få till det.
Jag får till det alltså, men då snackar vi om att jag har px här och px där och t.o.m -px på center diven för att få till det.
Ska man verkligen behöva göra så?

Visa signatur

Samsung TFT 22" 2233RZ Svart 120HZ - 640GB Western Digital Black 64MB SATA III - Corsair 4GB (2x2048MB) 1333MHz XMS3-10600 - AMD Phenom2 X4 965 3,4GHz Black Edition - Gigabyte GeForce GTX 460 1GB OC - Fractal Design Define R3, Svart - Corsair TX 650W 80+ - Gigabyte GA-870A-UD3 - Cooler Master Hyper 212 Plus

Redigera
Citera flera Citera
Permalänk
Medlem
●

Så här brukar funka fin fint för mig;
<div> */ Denna omsluter alla kolumner
<div style="float:left"> */ Kolumn 1
</div>
<div style="float:left> */ Kolumn 2
</div>
<div style="float:left> */ Kolumn 3
</div>
</div>

Gör man så här kommer Kolumnerna lägga sig på rad på vänster till höger, och inte upp till ner.

Funkar det inte så prova sätt en "height"-restriction på första diven som omsluter kolumnerna

Visa signatur

Never say sorry. It's a sign of weakness

Redigera
Citera flera Citera
Permalänk
Medlem
●

Att flyta samtliga divar åt samma håll ska få dom att lägga sig på rad. För att få en div att bli 100% storleken av diven den ligger i skriver du helt enkelt { height: 100%;}

Visa signatur

Primär - C2D T6500 :: 4GB :: Mobility 4570.
Sekundär - AMD64x2 6000+ :: 2GB :: 8800GT 1GB

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Sysse S
Att flyta samtliga divar åt samma håll ska få dom att lägga sig på rad. För att få en div att bli 100% storleken av diven den ligger i skriver du helt enkelt { height: 100%;}

Han måste även se till att div:en som ska bli lika stor som div:en den ligger i har margin: 0; och padding: 0; annars så får han en fin border

Visa signatur

"Riktig fakta? kolla ut genom fönstret på snön och all jävlighet där har du riktig fakta, eller de som går där i kylan, idioter, det är riktig fakta" -- Ett fyllo på bussen, ganska trevlig ändå :)

Redigera
Citera flera Citera
Permalänk
Medlem
●

mja, just det

Visa signatur

Primär - C2D T6500 :: 4GB :: Mobility 4570.
Sekundär - AMD64x2 6000+ :: 2GB :: 8800GT 1GB

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara