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 07:40
CSS problem! hjälp?
 
1 bifogad(e) fil(er)
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
Kod:
.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 2009-10-26 07:58
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 2009-10-26 08:05
Citat:
Ursprungligen postat av Nerox (Inlägg 20328085)
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 2009-10-26 08:18
Kör "margin: 0 auto;" ?

youheardit 2009-10-26 09:32
Citat:
Ursprungligen postat av Syke (Inlägg 20328087)
Kör "margin: 0 auto;" ?
funkade inte det iheller...
Men jag gjorde en tabell i "container" och då försvinner hålen :confused:

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

Tack för svaren.
//Philip Andersson!

Syke 2009-10-26 10:02
Har du en länk till sidan? Alternativt om du kan posta HTML-koden också.

JimmyB 2009-10-26 10:23
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.

Undoredoo 2009-10-26 10:53
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;

wiB 2009-10-26 12:09
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;
Du menar att Strict påverkar CSS:en? Alltså, jag skulle gärna vilja ha en källa på det där.

0 är 0, spelar ingen roll om du skriver 0px eller enbart 0. Det är dock skillnad om du skriver "margin:5", det kommer inte parsas då för CSS:en känner inte igen vilken enhet det är och har ingen direkt fallback på detta.

Undoredoo 2009-10-26 12:42
Citat:
Ursprungligen postat av wiB (Inlägg 20328117)
Du menar att Strict påverkar CSS:en? Alltså, jag skulle gärna vilja ha en källa på det där.
Källa har jag ingen på rak arm. Men eftersom exempelvis transitional är betydligt mer förlåtande så kan det absolut uppstå artefakter/problem om du t ex switchar från transitional till strict, om du inte har skrivit korrekt XHTML/CSS. Så visst finns det ett samband mellan DOCTYPE och CSS:en, helt klart.

Olika browsers behandlar ju detta lite olika dock.

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 05:41.

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