Avatar billede trine_uldall Nybegynder
16. august 2009 - 13:37 Der er 7 kommentarer og
1 løsning

css problemer med positionering

Vil gerne styre placering af div-elementer på dette site www.trineuldall.dk.
Topfeltet er hovedsynderen - indholdet er nogle gange et maleri og nogle gange en tekst mængde af variabel længde. Når der er lidt tekst, hopper resten af sidens indhold op. Men menuen SKAL ligge det samme sted hele vejen igennem. Dvs jeg har brug for en fast ramme, hvor der kan komme en scrollbar om nødvendigt.
Hvordan gør jeg det? Indholdet skal være centreret i browservinduet. Og så vil jeg gerne have det nederste link til at ligge fast helt i bunden af browservinduet.
Avatar billede trine_uldall Nybegynder
16. august 2009 - 19:30 #1
UPS - glemte at lægge stylesheetet ud...

body{
    text-align:center;  /* hensyntagen til ældre IE-versioner */
}

#side{
    width:650px;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    position:relative;  /* sæt referencenul i #side */
}

a:link, a:visited, a:hover, a:active {
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #666666;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
}

p {
top: 0px;
    font-family: Helvetica, sans-serif;
    color: #999999;
    font-size: 13px;
    text-decoration: none;
    line spacing: 1;
    padding: 30;
   
}

h1{
    font-family: Helvetica, sans-serif;
    color: #666666;
    font-size: 14px;
    text-decoration: none;
    margin: 20;
    line spacing: 1;
}

.content{
    top: 0px;
    font-family: Helvetica, sans-serif;
    color: #999999;
    font-size: 13px;
    text-decoration: none;
    line spacing: 1;
    padding: 30;
}
.text{
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 30px;

   
}
.pile{
    padding-bottom: 100px;

}
.nav{
    margin-top: 50px;

}
.media{
    color: #FF0000;
    font-size: 6px;
    vertical-align: bottom;
    padding-top: 30px;
}
Avatar billede olebole Juniormester
16. august 2009 - 20:02 #2
<ole>

The webpage cannot be found

/mvh
</bole>
Avatar billede trine_uldall Nybegynder
17. august 2009 - 09:23 #3
Siden er oppe, jeg ved ikke, hvorfor linket ikke virker. TIl gengæld mangler jeg kun et lille problem nu; det hele centrerer i IE men ikke firefox - hvordan løser jeg det?

css ser nu sådan ud:

body{
    text-align:center;  /* hensyntagen til ældre IE-versioner */
   
}

#side{
    width:650px;
    margin-top:20px;
    text-align:left;
    margin-right: 0 auto;
    margin-left: 0 auto;
    position:relative;  /* sæt referencenul i #side */
}

a:link, a:visited, a:hover, a:active {
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #666666;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
}

p {
top: 0px;
    font-family: Helvetica, sans-serif;
    color: #999999;
    font-size: 13px;
    text-decoration: none;
    line spacing: 1;
    padding: 30;
   
}

h1{
    font-family: Helvetica, sans-serif;
    color: #666666;
    font-size: 14px;
    text-decoration: none;
    margin: 20;
    line spacing: 1;
}
Avatar billede zips Juniormester
17. august 2009 - 10:47 #4
Set et omkransende element omkring hele siden, eller sæt en brede på body og center den med margin: 0 auto;

Huks løbende at valider din side samt din css.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.trineuldall.dk%2F

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.trineuldall.dk%2F
Avatar billede DonTorro Nybegynder
17. august 2009 - 10:50 #5
Angående linket så er det rigtige her: http://www.trineuldall.dk/
Avatar billede trine_uldall Nybegynder
17. august 2009 - 11:17 #6
Tak for tips, det hjalp, og kan se, jeg skal sørge for en validering snarest...
Avatar billede trine_uldall Nybegynder
17. august 2009 - 11:21 #7
Jeg har vist klokket i det med pointene - ville give 60 til zips, men fik givet dem til mig selv, så vidt jeg kan se :-/ -hvordan gør jeg nu, zips, så du får dine point?
Avatar billede zips Juniormester
17. august 2009 - 11:32 #8
Du kan oprette et nyt spørgsmål med henvisning til dette som kunne hedde Point til zips og der i lægge et link til dette spørgsmål, så alle ved at point overførsel forgår korrekt :-)
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