12 innlegg
• Side 1 av 1
html/css - få bildet til å være center uansett
html/css - få bildet til å være center uansett
av Lars_S » tor 23.08.2007 19:50
Et lite html/css spørsmål....
Har en nettside med et bilde/header øverst. Jeg vil at bildet skal være midt på siden uansett hvordan størrelsen påvinduet i nettleseren er.
Hvordan får jeg til det?
Har en nettside med et bilde/header øverst. Jeg vil at bildet skal være midt på siden uansett hvordan størrelsen påvinduet i nettleseren er.
Hvordan får jeg til det?
Sist endret av Lars_S den tor 23.08.2007 20:04, endret 1 gang
-
- medlem i 210 måneder
av ArneØ » tor 23.08.2007 19:55
kanksje noe <a href="http://html.net/tutorials/css/lesson14.asp">sånnt</a>
evt. noen av de andre tutsa som ligger ute til venstre. Har så vidt begynnt å lære meg dette selv så det er sikkert noen andre som kan gi ett mer korrekt og konkret svar.
evt. noen av de andre tutsa som ligger ute til venstre. Har så vidt begynnt å lære meg dette selv så det er sikkert noen andre som kan gi ett mer korrekt og konkret svar.
-
- medlem i 211 måneder
av Henrik Christiansen » tor 23.08.2007 20:00
Du kan legge hele siden inni en div som er like bred som siden din.
Diven kaller du wrapper, og i koden dens bruker du position absolute.
Da setter du at left:50%; i position absolute, og så setter du margin-left til minus halvparten av størrelsen på diven.
Så hvis diven er 500px bred, så skal det se sånn her ut:
Da skal siden bli sentrert.
Diven kaller du wrapper, og i koden dens bruker du position absolute.
Da setter du at left:50%; i position absolute, og så setter du margin-left til minus halvparten av størrelsen på diven.
Så hvis diven er 500px bred, så skal det se sånn her ut:
- Kode: Merk alt
div#wrapper{
width:500px;
border:whatever;
position:absolute;
left:50%;
top:200px;
margin-left:-250px;
}
Da skal siden bli sentrert.
-
- medlem i 202 måneder
av chrleon » tor 23.08.2007 20:15
pøh.. det var 90-tallsåten å gjøre det på. 
css ser slik ut
koden over krever at du har satt en riktig dotype på dokumentet ditt, som alltid anbefales.
css ser slik ut
- Kode: Merk alt
#container {
width: 860px; /* denne bredden setter du til hva du vil */
margin: 0 auto; /* denne bestemmer at det er ingen marg i toppp og bunn og auto marg på sidene, dvs. midtstilt.
}
koden over krever at du har satt en riktig dotype på dokumentet ditt, som alltid anbefales.
Sist endret av chrleon den tor 23.08.2007 21:15, endret 1 gang
-
- medlem i 227 måneder
av Lars_S » tor 23.08.2007 20:49
chrleon skrev:pøh.. det var 90-tallsåten å gjøre det på.
css ser slik ut
#container {
width: 860px; /* denne bredden setter du til hva du vil */
margin: 0 auto; /* denne bestemmer at det er ingen marg i toppp og bunn og auto marg på sidene, dvs. midtstilt.
}
[/code]
koden over krever at du har satt en riktig dotype på dokumentet ditt, som alltid anbefales.[/code]
Takker....
men hvordan får jeg det midtstillt både vertikalt og horisontalt?-
- medlem i 210 måneder
Kan jo alltids bare slenge inn en drøss med av lillebo » lør 15.09.2007 20:07
Litt sent svar kanskje, men her er vertfall en måte å gjøre det på. Internet Explorer støtter så klar ikke dette, men jeg har lagt til en javascript expression for IE slik at den også virker der.
- Kode: Merk alt
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<title>Sentrert</title>
<style type="text/css">
body, html {height: 100%; margin: 0;}
body { display:table; width: 100%;}
#sentrert { margin: 0 auto; display:table-cell; vertical-align: middle; text-align: center;}
</style>
<!--[if IE]><style type="text/css">
#sentrert { margin-top: expression((body.clientHeight/2)-(offsetHeight/2) + 'px'); }</style>
<![endif]-->
<body>
<div id="sentrert">
<p>Litt tekst her og et lite bilde.<img src="solnedgang.png" width="20" height="20" alt="vakker solnedgang i mac1-vika.">
</p>
</div>
- medlem i 203 måneder
12 innlegg
• Side 1 av 1
Hvem er i Forumene
Registrerte brukere: Google [Bot]