Avatar billede stratokaster Novice
13. november 2005 - 11:59 Der er 1 kommentar og
1 løsning

Div positionering i xhtml?

Hej,

Jeg er ved at lave en side i xhtml med div og css, menuen flytter sig når jeg rykker med browseren? Hjælp!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE></TITLE>
<link href="style1.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div id="container">

  <div id="link" align="right"> <a href="index.htm"><img align="center"src="images/home.jpg" border="0"/></a>
    <br />
    <br />
    <a href="foto.htm">Fotoalbum</a> <br />
    <br />
    <a href="design.htm">Design</a> <br />
    <br />
    <a href="banner.htm">Banner</a> <br />
    <br />
    <a href="web.htm">Web</a> <br />
    <br />
    <a href="kontakt.htm">Kontakt</a> <br />
    <br />
  </div>
</div>
 

</body>
</html>

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;
    margin: 40px;
    overflow: auto;
    background-color: #FFFFFF;

}
#link {
    position: relative;
    left: 510px;
    top: 110px;
    height: 400px;
    width: 140px;
}
a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #EA8315;
    text-decoration: none;
}
a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #336666;
    text-decoration: none;
}
a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #96C2BF;
    text-decoration: none;
}
#container {
    background: url(images/main.jpg) no-repeat top center;
    padding: 0px 175px 0px 110px; 
    margin: 0px;
}
Avatar billede olebole Juniormester
13. november 2005 - 15:11 #1
<ole>

Det har ikke noget med XHTML at gøre. For det første, må du ikke skrive title-tagget med stort. For det andet eksisterer værdien 'center' ikke for 'align' på et billed-element ... og alt-attributten for et billed-element er obligatorisk  :)

Derudover bliver et dokument ikke til et XHTML-dokument, blot fordi koden validerer mod XHTML-standarden - hvilket i øvrigt også kræver en XML-prolog, der til gengæld disabler brugen af CSS i IE.
Hverken IE6 - eller den kommende IE7 - understøtter XHTML, men tolker det i bedste fald som dårlig HTML.
Med mindre, du selv gør noget aktivt på serveren for at få sendt dokumenterne med den korrekte MIME-type, vil alle andre browsere også tolke koden som tagsoup - men gør du dette 'noget', vil IE ikke kunne læse dokumentet, men vil tilbyde dig at downloade det i stedet.

Prøv at læse:
    http://www.eksperten.dk/artikler/537
    http://www.eksperten.dk/artikler/538
- så du kan lære, hvad XHTML er for noget  :)

Hvad dit aktuelle problem angår, så er det svært at udtale sig om. Når jeg tester dit dokument, kommer der intet frem i min browser.
Prøv med et link til dokumentet - og måske en tydeligere problembeskrivelse  ;o)

/mvh
</bole>
Avatar billede stratokaster Novice
13. november 2005 - 18:19 #2
Problemet var at selvom jeg havde sat div til relative, flyttede div id="link" sig alligevel, hvor div container holdt positionen. Det var det jeg ikke kunne få til at virke, men nu har jeg brugt tables istedetfor.
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
Kurser inden for grundlæggende programmering

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