Avatar billede caf Nybegynder
21. maj 2006 - 09:49 Der er 5 kommentarer og
2 løsninger

Problemer med centrering

Mit problem er at, siden ser fin ud i 1024*678, men ikke på en skærm 15"4 der er hele siden ude til venstre.
Min css vil ser således ud

body {
width : auto;
background:#333 url(bg.gif);
color : black;
font-family: arial, verdana, sans-serif;
font-size: 14px;
}

#indhold {
width : 979px;
position : absolute;
background-color: #F0F0F0;
height :1500px;
color : black;
text-align : left;
}

#indhold_index {
width : 979px;
position : absolute;
background-color: #F0F0F0;
height :630px;
color : black;
text-align : left;
}

#fakta {
width : 152px;
position : absolute;
top:320px;
background-color : #ffffff;
color : black;
text-align : left;
}

#tekst {
position : absolute;
background-color : #F0F0F0;
width : 827px;
text-align : left;
margin-left:152px;
margin-top: 80px;
color: black;
}

http://www.voresferier.dk

Hvad skal rettes?
Avatar billede caf Nybegynder
21. maj 2006 - 09:50 #1
Selvfølgelig 1024*768
Avatar billede jwittorff Nybegynder
21. maj 2006 - 10:14 #2
Set alt dit indhold ind i en content-div...
f.eks. således..

#content{
width: "x" px;
height: "x" px;
margin-left:auto;
margin-right:auto;
position:relative;
padding:0px;
text-align:left;
clear : both;
}
Avatar billede caf Nybegynder
21. maj 2006 - 10:24 #3
Jeg ændrede "x" til nedenstående, men det virker stadig ikke:-(

#content{
width: 979 px;
height: 1500 px;
margin-left:auto;
margin-right:auto;
position:relative;
padding:0px;
text-align:left;
clear : both;
}
Avatar billede jwittorff Nybegynder
21. maj 2006 - 10:58 #4
prøv med dette...

html:
<body>

<div id="indhold_index">
<img src="Campingferie_files/indexbanner1.jpg" alt="billede">
<div id="menu">
    <a href="http://www.voresferier.dk/index.html"><img src="Campingferie_files/indexmenulys.gif" alt="billede" border="0"><br></a>
    <a href="http://www.voresferier.dk/Italien.2006.html"><img src="Campingferie_files/2006menu.gif" alt="billede" border="0"><br></a>
    <a href="http://www.voresferier.dk/Kroatien.2005.html"><img src="Campingferie_files/2005menu.gif" alt="billede" border="0"><br></a>
    <a href="http://www.voresferier.dk/Danmark.2004.html"><img src="Campingferie_files/2004menu.gif" alt="billede" border="0"><br></a>
    <a href="http://www.voresferier.dk/Ungarn.2003.html"><img src="Campingferie_files/2003menu.gif" alt="billede" border="0"><br></a>
    <a href="http://www.voresferier.dk/Ungarn.2002.html"><img src="Campingferie_files/2002menu.gif" alt="billede" border="0"><br></a>   
</div>
<div id="fakta">
    <u>Fakta om os:</u><br>
    <br>
    Catarina 39 år.<br>
    <br>
    Søren 45 år.<br>
    <br>
    Daniel 17 år<br>
    Gymnasieelev.
    <br>
    <br>
    Sebastian 15 år<br>
    Skoleelev.
    <br>
    <br>
    Christian 12 år<br>
    Skoleelev.
    <br>
    <br>
    <br>
<center>
    <a href="http://validator.w3.org/check?uri=referer">
    <img style="border: 0pt none ;" 31="" src="Campingferie_files/valid-html401.png" alt="Valid HTML 4.01 Transitional" width="88"></a>
    <a href="http://jigsaw.w3.org/css-validator/">
    <img style="border: 0pt none ; width: 88px; height: 31px;" src="Campingferie_files/vcss.png" alt="Valid CSS!"></a>

</center>
</div>
<div id="tekst">
  <p style="margin: 20px;">Her kommer der mere fra vore ferier i telt og campingvogn. I øjeblikket er der kun lidt inspiration at finde under Kroatien 2005. Vi regner med at siden er helt opdateret i løbet af foråret/sommeren 2006.</p>
</div>

</div>
</body>

css:
body {
background:#333 url(bg.gif);
color : black;
font-family: arial, verdana, sans-serif;
font-size: 14px;
}

#indhold {
width : 979px;
position : absolute;
background-color: #F0F0F0;
height :1500px;
color : black;
text-align : left;
}

#indhold_index {
width : 979px;
margin-left:auto;
margin-right:auto;
position:relative;
background-color: #F0F0F0;
height :650px;
color : black;
text-align : left;
}

#menu {
width:152px;
height:auto;
left:0px;
position:absolute;
text-align:right;
vertical-align:middle;
top: 92px;
}

#fakta {
width : 152px;
position : absolute;
top:320px;
background-color : #ffffff;
color : black;
text-align : left;
left: 0px;
}

#tekst {
position : absolute;
background-color : #F0F0F0;
width : 800px;
text-align : left;
margin-left:152px;
margin-top: 80px;
color: black;
top: 19px;
left: 12px;
}
Avatar billede caf Nybegynder
21. maj 2006 - 11:21 #5
Du er bare kanon :-) nu virker det. Nu skal jeg så lige rettet de næste side.
Avatar billede jwittorff Nybegynder
21. maj 2006 - 11:27 #6
Var så lidt....

Kig eventuelt her... http://www.html.dk/tutorials/css/
ok til en begyndelse..!
Avatar billede olebole Juniormester
21. maj 2006 - 17:54 #7
<ole>

Et af de dårligste steder at lære webkodning er html.dk. Der står godtnok en masse, men det er fyldt med fejl, mangler, misforståelser og udeladelser.

I CSS centreres et block-element ved style="margin:0 auto" på elementet selv - og et inline-element ved at sætte style="text-align:center" på det omkransende element.

Center-elementet har været deprecated i over 6 år  :)

/mvh
</bole>
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