Permalänk
Medlem

CSS+HTML Box till höger

Hejsan Sweclockers!
Jag håller ennu på med min hemsida, sist jag skrev behövde jag hjälp med att få en av mina boxar till mitten, och det hjälpte ni mig med! Dock så har jag ett annat problem. Jag har en box med en Countdown i som ska till högra sidan av skärmen. Då tänker ni säkert att det bara är och skriva Position: absolute/relative; Top: 0; right: 1200; men dock så är det inte så lätt då jag har Margin:Auto; på min mitten box, och då failar ju höger boxen beroende på upplösning. Så jag undrar om ni vet hur man Alignar boxar till vänster/höger med hjälp av css.

Sidan är Www.robertssite.tk

Mvh FobbanN

Visa signatur

Kom ihåg att ALLTID citera mig om du vill ha svar!

|CPU: Intel Core i7 4790K Kyld av: Corsair H80 GPU: ASUS GTX 970 4GB Chassi: Phanteks Enthoo Evolv MOBO: MSI Z97M Gaming Nätagg: XFX 750W Silver SSD: Kingston 120GB SSDNow V300 HDD: Samsung Spinpoint F3 1TB 7200RPM + 1TB|

Permalänk
Medlem

Sätt position: relative på elementet du centrerar, och ha din countdown inuti. Se den här JSFiddlen för förklaring i kodform.

Permalänk
Medlem
Permalänk
Medlem
Skrivet av You:

Sätt position: relative på elementet du centrerar, och ha din countdown inuti. Se den här JSFiddlen för förklaring i kodform.

Dock så vill jag inte använda left: px; då det blir olika på alla skärmar.

Visa signatur

Kom ihåg att ALLTID citera mig om du vill ha svar!

|CPU: Intel Core i7 4790K Kyld av: Corsair H80 GPU: ASUS GTX 970 4GB Chassi: Phanteks Enthoo Evolv MOBO: MSI Z97M Gaming Nätagg: XFX 750W Silver SSD: Kingston 120GB SSDNow V300 HDD: Samsung Spinpoint F3 1TB 7200RPM + 1TB|

Permalänk
Medlem

Testa detta i css:
float: right;

Har dock ingen aning om hur sidan som du jobbar med ser ut eller vad du har skrivit för kod än så länge^^

Edit: sorry, såg inte att du hade sidan länkad i din signatur.

Visa signatur
Permalänk
Medlem
Skrivet av bubbleq:

Testa detta:
float: right;

Har dock ingen aning om hur sidan som du jobbar med ser ut eller vad du har skrivit för kod än så länge^^

Just det ja!

Sidan är Www.Robertssite.tk

Visa signatur

Kom ihåg att ALLTID citera mig om du vill ha svar!

|CPU: Intel Core i7 4790K Kyld av: Corsair H80 GPU: ASUS GTX 970 4GB Chassi: Phanteks Enthoo Evolv MOBO: MSI Z97M Gaming Nätagg: XFX 750W Silver SSD: Kingston 120GB SSDNow V300 HDD: Samsung Spinpoint F3 1TB 7200RPM + 1TB|

Permalänk
Medlem

http://www.barelyfitz.com/screencast/html-training/css/positi...
http://webdesignskolan.se/css_position/css_position.php väldigt gammal, däremot fungerar det som beskrivs eftersom det är grunderna inom CSS

Permalänk
Medlem
Skrivet av buddaz:

http://www.barelyfitz.com/screencast/html-training/css/positi...
http://webdesignskolan.se/css_position/css_position.php väldigt gammal, däremot fungerar det som beskrivs eftersom det är grunderna inom CSS

Även med det så blir det ju att boxarna flyttas olika långt i olika webbläsare, jag har använt mig av right: 75%; förut men det får jag inte att funka.

Visa signatur

Kom ihåg att ALLTID citera mig om du vill ha svar!

|CPU: Intel Core i7 4790K Kyld av: Corsair H80 GPU: ASUS GTX 970 4GB Chassi: Phanteks Enthoo Evolv MOBO: MSI Z97M Gaming Nätagg: XFX 750W Silver SSD: Kingston 120GB SSDNow V300 HDD: Samsung Spinpoint F3 1TB 7200RPM + 1TB|

Permalänk
Medlem

Vilka är namnen på boxarna?

Nyheter har jag listat ut. Vilka är dem andra två
Sedan heter den ena DH och den andra är meny?

Det du vill göra är att ha boxarna på två olika sidor?

Är inte ny gamet utan är bara lite ringrostig var ett tag sedan jag höll på med CSS/html

Därför frågar jag lite frågor.

Permalänk
Medlem
Skrivet av FobbanN:

Dock så vill jag inte använda left: px; då det blir olika på alla skärmar.

Titta på JSFiddlen igen. Den använder inte left, och den gör var du vill göra (om jag förstått det rätt). Den blåa lådan kommer alltid vara i övre högra hörnet av den röda, oavsett var den röda är.

Permalänk
Medlem

Varför har du med /* innanför taggarna.
Det har jag aldrig sett innan.

Permalänk
Medlem
Skrivet av buddaz:

Varför har du med /* innanför taggarna.
Det har jag aldrig sett innan.

Om du menar i CSS-mallen så är detta kommentarer, i hans fall så sätter han CSS-kod i kommentaren för att den inte ska exekveras vid körning.

Hoppas du förstår.

Måste förövrigt säga att man bör undvika position absolute då det blir olika för varje upplösning, kan se bra ut för dig men går någon annan in kanske det ser helt knas ut för denna person.

I ditt fall skulle jag hellre rekommendera floats, som nog gör vad du är ute efter.
Tror det du letar efter är 3-column layout eller liknande, första som google hittade var denna.

http://matthewjamestaylor.com/blog/perfect-3-column.htm

Permalänk
Medlem

Är med dig nu. Kom att tänka på det när hjärnan kom ihåg det från Java där man ständigt använder sådana tricks.
Även jag funderade på om det inte vore bättre med boxar och float attributet. Som sagt var ett tag sedan jag sist knåpade med det hela. Exakt så som du har länkat tänkte jag.

Permalänk
Medlem

#DH{
position: relative;
left: 75%; -< Ändra som du vill.
border: 0px solid;
width: 0px;
height: 0px;
}