Irreterende PX / %

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
KinJacob
Begynder
Indlæg:4
Tilmeldt:5. dec 2012, 23:57
Irreterende PX / %

Indlæg af KinJacob » 6. dec 2012, 00:01

DAVS! :)

Jeg har opdaget at hvis jeg bruger FX: 300px - 500px så ser det totalt spasser ud på andres resolationer i skærmens størrelse
derfor vil jeg gerne bede om hjælp!

margin-left:500px; sidder et helt andet sted på 1920x1080 skærm end 1440x900 skærm
det provokere mig helt vildt! :/

Så ved ikke om jeg skal bruge Procent eller pixels
nogle gange virker det fint med procent og nogle gange ikke!

Tak for hjælpen på forhånd

Det et lidt udbredt spørgsmål i CSS / HTML :)
Top
Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Irreterende PX / %

Indlæg af ThomasI » 6. dec 2012, 10:17

Er det hele dit layout der positioneres med margin-left 500px; ?

Hvis du vil have din side til at centreres på alle skærm størrelse så brugt margin-left: auto og margin-right: auto.

Ligger din side online? Send evt link...
Top
Fischer
Begynder
Indlæg:5
Tilmeldt:25. dec 2012, 23:13

Re: Irreterende PX / %

Indlæg af Fischer » 26. dec 2012, 18:51

Hvis du vil have hele din side i midten i hvilken som helst zoom er der en meget nem løsning.

Du kan putte alt din kode ind i en div tag.

fx:

html:

Kode: Vælg alt

<div class="center">

// alt <body> hjemmeside kode her

</div>
css:

Kode: Vælg alt

.center {
margin: auto;
width: 1000px;
}
Hvis nogle af dine elementer er større end 1000px, kan du bare gøre talet en lille smule større.
margin-left: auto; margin-right: auto; er ikke nødvendigt da margin: auto; har samme effekt.

Hvis du ikke skal have hele din side i midten. Hvis du nu ikke skulle have din navigation i midten. Så kan du bare lave den uden for din div tag (<div class="center"></div>)

Håber det hjalp :)
Top
Mathias
Nørd
Nørd
Indlæg:145
Tilmeldt:5. apr 2012, 18:21
Kontakt:
Kontakt Mathias

Re: Irreterende PX / %

Indlæg af Mathias » 27. dec 2012, 18:20

Vil lige nævne en ting, vis du følger Fischer råd. Vis nu at din header skal være i width:100%; Så skal du lige sætte centrum til 100%.
Top
KinJacob
Begynder
Indlæg:4
Tilmeldt:5. dec 2012, 23:57

Re: Irreterende PX / %

Indlæg af KinJacob » 18. jan 2013, 19:36

Havde glemt at jeg havde postet her ;(

Men tror jeg vil teste margin-left:auto; OSV.

:) Men tak for hjælpen

Der kommer dog snart et link op hvis i stadig vil hjælpe
Top
Besvar

Tilbage til "CSS"