Jump to content
Just nu i M3-nätverket

Problem med margin i CSS


BjornL

Recommended Posts

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...