Problem med margin i CSS

[BjornL]

Kolla på den här bilden;

http://statusdesign.se/upload/margin.jpg

 

Till vänster är hemsidan i Mac/Safari, och till höger är hemsidan i Windows/Firefox.

Problemet är att Mac/Safari inte verkar förstå att jag vill ha marginal mellan de horisontella strecken. Använder enkel CSS-kod (margin: 5px 0;), vad är felet? Hur får man margin att fungera i Mac/Safari?

 

Tack på förhand,

// Björn

[Danne Vendel]

Kolla på den här bilden;

http://statusdesign.se/upload/margin.jpg

 

Till vänster är hemsidan i Mac/Safari, och till höger är hemsidan i Windows/Firefox.

Problemet är att Mac/Safari inte verkar förstå att jag vill ha marginal mellan de horisontella strecken. Använder enkel CSS-kod (margin: 5px 0;), vad är felet? Hur får man margin att fungera i Mac/Safari?

 

Tack på förhand,

// Björn

Vad är det för element? Divvar, eller vad?

margin:5px 0; är ju CSS "shorthand" och kanske inte accepteras av alla läsare. Det är ju alltså en förkortning av hur det egentligen ska skrivas. Testa att skriva det fullt ut:

 

margin:5px 0px 5px 0px;

 

eller kanske t.o.m.

 

margin-top:5px;

margin-bottom:5px;

 

Men det beror nog alltså på vad det är för element, så att det inte är t.ex. tabellceller eller nåt annat som inte ska kunna ha marginaler.

[OzzieWild]

Som danne skriver här ovan skulle man ju gärna vilja veta om det är divar eller tabeller. Kan man inte få se sidan istället, så blir det nog enklare.

[BjornL]

Tack för svaren, ska testa det.

Det är divvar jag använder, och tyvärr får jag ej visa sidan för kunden.

[tema]

Safari har inget problem med margin: (varken kortformer eller annat). Så det lär inte vara felet.

 

margin: 5px 0; är helt korrekt och fungerar utmärkt i Safari.

 

Du har antagligen satt marginalen på fel element, fel sorts (display:) element, eller har taggar som inte avslutats eller påbörjats korrekt. Validera sidan för att se om det finns några öppna taggar eller så.

 

För övrigt, glöm inte att tänka på kollapsande horisontella marginaler i box-modellen. Kan ju även vara detta som spökar.