Bilden i header täcker inte hela sidbredden

  • Löst varmlandsrotter

    (@varmlandsrotter)


    för 7 år sedan

    Tema: Twenty Fourteen
    Om man har en upplösning på t ex 1600×900 så täcker inte bilden i headern hela sidbredden. Bilden skall ju egentligen bara vara max 1260 px bred, men jag har lyckats få sidinnehållet att fylla sidbredden även på höga upplösningar. Från början var det en bred oanvänd marginal till höger. Går det att i CSS- nedan lägga in att headerbilden skall täcka 100%?? Kolla gärna på Värmlandsrötter så ser man hur det ser ut.

    Under Utseende – Ändra CSS ser det ut så här:
    .site {
    max-width: 100%;
    }

    .site-header {
    max-width: 100%;
    }

    .page-content {
    margin-left: 0;
    margin-right: 0;
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
    }

    .comments-area {
    margin-left: 0;
    margin-right: 0;
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
    }

    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    }

Visar 1 svar - 1 till 3 (av 3 totalt)
  • Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    för 7 år sedan

    Vad händer om du även använder width: 100%?
    Max-width har väl större betydelse om man använder det tillsammans med px för att begränsa att en bild inte ska blåsas upp alltför mycket… Men just nu spekulerar jag mest.

    Moderator marcusfrontender

    (@marcusfrontender)

    för 7 år sedan

    Det stämmer bra. Lägg till följande rad så sträcker du ut bilden över hela bredden.

    #site-header img {
 width: 100%;
}
    Trådstartare varmlandsrotter

    (@varmlandsrotter)

    för 7 år sedan

    Tack för hjälpen!
    Nu täcker bilden hela bredden.

Visar 1 svar - 1 till 3 (av 3 totalt)
  • Ämnet ”Bilden i header täcker inte hela sidbredden” är stängt för nya svar.