Gå til innhold

problemer med <center> og align="center"

AasmundMo

Anbefalte innlegg

AasmundMo

AasmundMo

Skrevet
Skrevet

Jeg har noen problemer med å få sentrert tekst på siden min, holienmo.no.

Jeg prøver å få "Fotograf Holien Mo" og kategoriene til å være sentrert, men av en eller annen grunn går det ikke. I Firefox går det bra helt til du trykker på "om", da hopper ting noen piksler til venstre. I IE blir "Fotograf Holien Mo" værende helt til venstre, og kategoriene et sted mellom midten (der de skal være) og helt til venstre. Noen som vet hvorfor dette skjer?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
potetskrell

potetskrell

Skrevet
Skrevet

Sida var jo fin den, og siden den ikke var så "stor", så skrev jeg om slik at du slipper å bruke tabeller.

 

Raskt satt sammen. Bare spør hvis det er noe.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Tittel på sida</title>
	<style type="text/css">
		body,html {
			text-align: center;
		}
		* {border:0;padding:0;margin:0;}
		a {
			color: #4b4b4b;
			text-decoration: none;
		}
		a:hover {
			color: #FFF;
			background: #000;
		}
		a:hover:visited {
			color: #FFF;
			background: #000;
		}
		a:visited {
			color: #4b4b4b;
		}
		li {
			display: inline;
			font-size: 12pt;
			color: #4b4b4b;
		}
		#wrapper {
			width: 750px;
			margin: 0 auto;
		}
		h1 { 
			font-size: 18pt;
			margin-top: 50px;
			margin-bottom: 2px;
		}
		p {
			text-align: left;
			font-size: 12pt;
		}
		.forside {
			margin-top: 60px;
			font-size: 12pt;
		}
		img {
			margin: 2px 0 2px 0;
		}
		.footer {
			font-size: 11pt;
		}
	</style>
</head>
<body>
	<div id="wrapper">
		<h1>Overskrift</h1>
		<ul>
			<li><a href="">Lenke</a></li>
			<li>Lenke</li>
			<li>Lenke</li>
			<li>Lenke</li>
			<li>Lenke</li>
		</ul>
		<p class="forside">Nå er portefolien ferdig!
		<img alt="" src="http://www.holienmo.no/images/nyhet1.jpg"> </p>
		<p class="footer">Etter mye fram og tilbake er nå min onlineportefolie ferdig! Som du sikkert ser er det en del ting er ikke helt perfekt enda, men det kommer seg. Håper du liker det du ser, og ikke nøl med å ta kontakt om det skulle være noe du lurer på! 
		</p>
	</div>
</body>
</html>

Lenke til kommentar
tom waits for alice

tom waits for alice

Skrevet
Skrevet
I Firefox går det bra helt til du trykker på "om", da hopper ting noen piksler til venstre.

Det skjer fordi den siden får en vertikal scrollbar, og den regnes ikke med i sidebreddden. Dermed blir siden litt smalere, og midten flytter seg litt til venstre. Jeg bruker følgende i CSS'en for å tvinge alle sider til å ha en scrollbar, uansett. (Den blir disablet hvis det ikke er noe å scrolle.)

 

html {

overflow-y:scroll;

}

 

IE har alltid scrollbar som default, og har dermed ikke problemet.

 

Geir :)

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...