Avatar billede henrik.s. Nybegynder
05. februar 2008 - 18:45 Der er 8 kommentarer og
1 løsning

Enkel internetside

Hej alle.

Jeg vil gerne lave en simpel hjemmeside.

Siden skal gerne være 800 pixel i bredden.
Det har jeg løst ved at lave det i en tabel (Frontpage).

Mit problem er nu at ved en større opløsning ligger siden helt til venstre i browseren.

Findes der en mulighed der gør at den centrerer i browseren i stedet?, og meget gerne hvordan jeg kan lave det :-)

På forhånd tak.

Henrik
Avatar billede webexp Nybegynder
05. februar 2008 - 18:53 #1
Hvis du laver en tabel uden om den tabel du har lavet og centrer den indreste tabel i den store tabel ( store tabel bredde: 100% ) så ligger den inderste tabel midt for på siden
Avatar billede w13 Novice
05. februar 2008 - 18:57 #2
Du kan også gøre sådan her:

<table style="margin:0 auto" ....
Avatar billede henrik.s. Nybegynder
05. februar 2008 - 19:11 #3
Tak webexp.  Det virker 100%  Simpelt og ligetil.

Tak også til w13, men jeg giver pointene til webexp.
Håber det er OK.

Vh.  Henrik
Avatar billede henrik.s. Nybegynder
05. februar 2008 - 19:12 #4
Prøver igen..
Avatar billede henrik.s. Nybegynder
05. februar 2008 - 19:14 #5
Hej webexp.  Vil du sende et svar til mig så jeg kan give dig point?  :-)
Avatar billede webexp Nybegynder
05. februar 2008 - 19:19 #6
jep her og rart at kunne hjælpe
Avatar billede roenving Novice
06. februar 2008 - 00:55 #7
-- og den fremtidsikrede måde at gøre det på, er stort set, som w13 foreslår (det andet er 1995-kodestil !-)

F.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Centreret</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;text-align:center;background:#000 url(dinBaggrund.jpg) center center no-repeat;overflow:hidden;}
#site{position:relative;width:760px;margin:0 auto;height:100%;background:#333;color:#fdd;text-align:left;vertical-align:middle;}
#bottom{position:absolute;left:0;width:100%;text-align:center;bottom:0px;background:#222;color:red;}
</style>
</head>
<body>
<div id="site">
  Indholdet på sitet placeres her !-)
  <div id="bottom">&copy;&nbsp;MitNavn 2005</div>
</div>
</body>
</html>
Avatar billede henrik.s. Nybegynder
06. februar 2008 - 10:17 #8
Hej Roenving.

Jeg har prøvet at lave det i din "skabelon", og det ser også fint ud.
Der er dog ingen mulighed for at scrolle i browseren :-(

Så prøvede jeg at lave en ramme i sidebredden, hvori jeg lavede et photogallery fra Frontpage.
Når så jeg åbner siden, så flyder photogalleriet langt ud ovre højre kant, og jeg kan igen ikke scrolle.

Vh.

Henrik
Avatar billede roenving Novice
06. februar 2008 - 13:31 #9
Det er overflow:hidden, der er synderen på scroll-roblemet, den kan normalt bare fjernes, men er medtaget for at det umiddelbart kan ses ens i de forskellige browsere !-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester