WN - CSS problem! hjälp?

Sidan 1 av 2

Visa 40 inlägg från det här ämnet på en sida

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)

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)

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.

Alla tider är GMT +2. Klockan är nu 18:24.

Sidan 1 av 2

Visa 40 inlägg från det här ämnet på en sida