[youheardit]

Hejsan,
Har stött på ett litet problem som jag fått tidigare men har glömt bort helt och håller hur jag löste det, men jag bifogar en bild på hur det ser ut.
Som ni ser är det precis som jag kör margin-top eller något.
så här ser CSS:en ut

.u_menu {
background: url(u_menu.png) no-repeat;
width: 1014px;
height: 13px;
margin: auto;
padding: 0;
}
.content {
background: url(content.png) repeat-y;
width: 1014px;
margin: auto;
}
.container {
width: 980px;
margin: auto;
font-size: 12px;
padding: 0;
}
.fot {
background: url(fot.png) no-repeat;
width: 1014px;
height: 59px;
margin: auto;
}

Detta problemet kommer bara i Google Chrome, men inte i IE, har inte testat den i dem andra läsarna.

Tacksam för svar

Ha det bra!
//Philip Andersson

[Nerox]

vet inte om det är det.. men varför inte testa med margin: 0 istället för auto?

kan ju vara nån bugg i chrome som gör att den har något värde > 0 på auto

utöver det har jag inte en aning just nu.

[youheardit]

Ursprungligen postat av Nerox

vet inte om det är det.. men varför inte testa med margin: 0 istället för auto?

kan ju vara nån bugg i chrome som gör att den har något värde > 0 på auto

utöver det har jag inte en aning just nu.

Samma problem igen fast nu lägger alla sig åt vänster...
körde även margin: auto på body.
tack annars för ett snabbt svar!

[Syke]

Kör "margin: 0 auto;" ?

[youheardit]

Ursprungligen postat av Syke

Kör "margin: 0 auto;" ?

funkade inte det iheller...
Men jag gjorde en tabell i "container" och då försvinner hålen

Men det måste finnas en annan väg? vill inte direkt köra med tabeller.

Tack för svaren.
//Philip Andersson!

[Syke]

Har du en länk till sidan? Alternativt om du kan posta HTML-koden också.

[JimmyB]

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.

[youheardit]

Ursprungligen postat av JimmyB

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!

[JimmyB]

Ursprungligen postat av youheardit

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]

Ursprungligen postat av JimmyB

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!