Centreringsproblem

Events happening in the community are now at Drupal community events on www.drupal.org.
cyberduck71's picture

Jag nybörjare i Drupal och håller på med mitt andra webbprojekt. Har stött på ett problem som irriterar. Kanske någon annan har varit med om detta med och rentav har en lösning.

Båda de två sajter jag hittills tagit fram med drupal har jag valt att centrera, och har samma problem med bägge dessa. Har använt css margin-left:auto, margin-right:auto, och det fungerar finfint. Problemet är dock att om noden innehåller mycket text så sidan blir lång så centraras sidan inte riktigt likadant som om den innehåller lite text. hela sidan förskjuts av någon anledning lite till höger. Mycket irriterande.

Någon som känner igen detta fenomen och har en lösning?

Tack
Cyberduck71

Comments

Du måste specificera en bredd

NiklasBr's picture

Du måste specificera en bredd på samma element som du har automatisk marginal annars kommer elementet styras av sitt innehåll och bli bredare ju mer innehåll du har i det.

#elementet {
  margin: 0 auto;
  width: 960px;
}

--
fyrkantigt.se av Niklas Brunberg

Kan det vara att Du får in en

bambi_2's picture

Kan det vara att Du får in en scrollist till höger när sidan blir längre? Då flyttas hela sidan åt vänster, samma problem med alla centrerade sidor.
A-B

Ann-Britt

Haha toche bambi_2!

cyberduck71's picture

Korkad fråga från min sida. Ibland ser man inte skogen för alla träd.

tack

Inte alla webbläsare dock

farrington's picture

Ska väl tilläggas att det bara är ett problem (stort eller litet) i webbläsare som döljer rullisterna när de inte behövs, de webbläsare som bara inaktiverar rullisterna så är det inget problem alls.

Orsaken är så klart att utrymmets bredd förändras när en rullist på höjden uppstår, och då räknas centreringen om.

/marcus

Det problemet går att lösa

NiklasBr's picture

Det problemet går att lösa genom att tvinga alla webbläsare att visa rullisterna. Detta lilla "hack" har också som fördel att det förhindrar det "hopp" i sidled som det centrerade innehållet gör om man kommer från en sida utan rullist till en sida med rullist, eller tvärt om:

html {
  height: 100%;
  padding-bottom: 1px;
}

Nackdelen kan vara att man hela tiden ser en rullist och att sidan alltid kommer gå att scrolla en pixel. Men det är nog ingen större fara eftersom användare ändå är vana att kolla dit för att få en överblick över hur mycket innehåll det kan finnas på sidan (i alla fall är det så om man lyssnar på Nielsen).

--
fyrkantigt.se av Niklas Brunberg

Ett lysande tips!

farrington's picture

Ett lysande tips!

/marcus

Kanon! TACK!! A-B

bambi_2's picture

Kanon! TACK!!
A-B

Ann-Britt

Sweden

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: