Avatar billede kgp43 Nybegynder
29. maj 2004 - 23:56 Der er 11 kommentarer og
1 løsning

Går ikke ud til højre kant

Hejsa,

Jeg er lige begyndt at rode med CSS (Utrolig jeg ikke begyndte før). Som i kan se så går "topmenu" ikke ud til kanten, selvom width er sat til 100%. Er der en der kan se problemet?

Link: http://www.tackleprices.com/merchant/index.php

Default.css:
#topmenu {
    position: absolute;
    left: 0px;
    top: 50px;
    height: 50px;
    width: 100%;
    margin: 0px;
    background-color: #C5F0FE;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #999999;
    border-bottom-color: #999999;
    text-align: center;
}
Avatar billede kgp43 Nybegynder
29. maj 2004 - 23:58 #1
Og et lille tillægs spørgsmål: Hvordan får man en tekst til at være vertical:middle... eller sådan noget (Skal være i midten af "cellen")?
Avatar billede skovenborg Nybegynder
30. maj 2004 - 00:00 #2
har du sat margin på din body til 0px, altså
body {margin:0px;}
Avatar billede kgp43 Nybegynder
30. maj 2004 - 00:04 #3
nej, hvor smider du den ind henne?
Avatar billede skovenborg Nybegynder
30. maj 2004 - 00:04 #4
indeni stylesheetet - ikke i selve dokumentet som jeg kan se du har prøvet på ;-)
Avatar billede kgp43 Nybegynder
30. maj 2004 - 00:09 #5
lol, ja jeg prøvede mig lidt frem :P

Giver dette ikke samme løsning (Virker):
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" {margin:0px;}>

Har dog valgt at bruge dit forslag, da der ser MEGET mere overskueligt ud :)

- Smider du lige et svar så du kan få point? (Forresten, ved du hvordan man løser det andet problem (Centrering af tekst vertical)?
Avatar billede skovenborg Nybegynder
30. maj 2004 - 00:11 #6
der er desuden ikke nogen egentlig let måde at centrere verticalt i CSS (endnu). Normalt tænker man nok på vertical-align:middle som også virker i en tabelcelle (så sådan en kan du jo bare lave og putte indholdet ind i). Men vertical-align virker helt anderledes på andre elementer, så her må du rode lidt med margin og positionering (left og top og den slags ;-)

Du kan dog prøve - nu da du kender højden på "cellen" at smide fx:
padding-top:5px ind i  #topmenu, og herefter lave h1-elementet om til et inline-element:
<div id="topmenu">
<h1 style="display:inline;">Se min flotte hjemmeside</h1>
</div>
Avatar billede skovenborg Nybegynder
30. maj 2004 - 00:12 #7
jo men {margin:0px;} skal selvfølgelig ikke stå der (i hvert fald ikke på den måde). Men ellers er de ovenstående body-attributter dem man ellers ville bruge :-)
Avatar billede kgp43 Nybegynder
30. maj 2004 - 00:15 #8
Takker for hjælpen :)
Avatar billede skovenborg Nybegynder
30. maj 2004 - 00:18 #9
og tak for points - sig til hvis du ikke kan hitte ud af at centrere. Men hvis du bare roder lidt med margin,padding,left og top så går du ikke helt galt i byen. Det er dog et lidt usikkert område i CSS - desværre.
Avatar billede kgp43 Nybegynder
30. maj 2004 - 09:11 #10
Jeg har læst på w3 (tror jeg det er), at vertical centrering er noget CSS ikke kan endnu, men skulle komme til den næste opdatering. De skriver dog, at det kan lade sig gøre ved at fuske lidt.
Avatar billede skovenborg Nybegynder
30. maj 2004 - 12:05 #11
det er også helt rigtigt - i den kommende CSS3 standard skulle det være muligt. Desværre understøtter ikke alle browsere (navnligt IE) ikke engang CSS2 ordentligt, så spørgsmålet er hvor vidt det kan bruges.

Man kan godt fuske lidt med centreringer, fx:
<style type="text/css">
.center {
      height:300px;
      width:700px;
      position:absolute;
      top:50%;
      left:50%;
      margin-top:-150px;
      margin-left:-350px;
      background-color:#eee;
      border:1px solid #000;
}
</style>
</head>
<body>
<div class="center">CENTER TAK</div>
</body>
Avatar billede kgp43 Nybegynder
30. maj 2004 - 12:20 #12
ahhh, kanont.

Jeg var valgt at bruge padding, da det er okay i mit tilfælde :)
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