WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   CSS problem! hjälp? (https://www.wn.se/forum/showthread.php?t=1038743)

youheardit 2009-10-26 13:24

Citat:

Ursprungligen postat av JimmyB (Inlägg 20328101)
skippa margin:auto; över huvudtaget, du bör inte använda det någonstans. Förutom till det som Syke sa, margin: 0 auto; men den diven du ger det värdet måste ha en bestämd bredd. Och funkar inte det har du antagligen en felaktiv doctype.

För att göra det enkelt sä lägg till ett nytt attribut i css-filen som du lägger ovanför body som ser ut såhär:
*{margin:0;padding:0;}

Det innebär att du sätter det som standard, så har du inget värde på en tagg så får den automatiskt margin:0; och padding:0;

I ditt fall kan du säkert också lösa det med overflow:hidden; på "top" och "bottom" som inte ska ha något innehåll.

Okej, har en massa att ändra då, men jag vill ju att sidan ska ligga i mitten. Då måste jag väll köra margin: auto.??

och doctype mm kan ni kolla här, detta är hur hela sidan ser ut:
http://cubemedia.se/ramek/

tack för era svar! :)
//Philip Andersson!

youheardit 2009-10-26 13:26

Citat:

Ursprungligen postat av Undoredoo (Inlägg 20328107)
Vilken DOCTYPE kör du?

Om du kör strict så kan det bli problem om du inte skriver "px" efter resp värde, enligt min erfarenhet. Sen om det löser detta problem kan jag inte svara på, men det är en bra riktlinje oavsett.

Fel: margin:0;
Rätt: margin:0px;

Testade nyss detta! Det funkade!
Tackar så mycket, och tack alla andra som också gav svar! :)

Undoredoo 2009-10-26 13:40

Kul att det hjälpte! :)

Om vi ska vara petiga (vilket jag tycker att vi ska vara) så har du missat </body> och </html> sist i dokumentet.

youheardit 2009-10-26 14:07

Citat:

Ursprungligen postat av Undoredoo (Inlägg 20328138)
Kul att det hjälpte! :)

Om vi ska vara petiga (vilket jag tycker att vi ska vara) så har du missat </body> och </html> sist i dokumentet.

Oj! Tack så mycket! hade missat det i footern :P tack!

JimmyB 2009-10-26 23:59

Citat:

Ursprungligen postat av youheardit (Inlägg 20328131)
Okej, har en massa att ändra då, men jag vill ju att sidan ska ligga i mitten. Då måste jag väll köra margin: auto.??

och doctype mm kan ni kolla här, detta är hur hela sidan ser ut:
http://cubemedia.se/ramek/

tack för era svar! :)
//Philip Andersson!

Centrering gör du genom margin:0 auto;

Första värdet = 0 = antal pixlar från toppen och botten av sidan.
Andra värdet = auto = avstånd från höger och vänster.

margin:0 auto; är exakt samma sak som margin:0px auto 0px auto; om det hjälper dig förstå principen.

youheardit 2009-10-27 08:05

Citat:

Ursprungligen postat av JimmyB (Inlägg 20328234)
Centrering gör du genom margin:0 auto;

Första värdet = 0 = antal pixlar från toppen och botten av sidan.
Andra värdet = auto = avstånd från höger och vänster.

margin:0 auto; är exakt samma sak som margin:0px auto 0px auto; om det hjälper dig förstå principen.

Kanske inte med denna doctypen, eller bugg i Chrome för jag skrev dit px efter och då funkade det!
Det funkade ju i IE utan px! så kan vara därför med!
MvH!


Alla tider är GMT +2. Klockan är nu 13:47.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson