---

Jeg har problemer med at positionere både et billede samt nogle div-
elementer.

Mit billede skal centreres vandret samt være 50px fra toppen af siden.
Til det har jeg lavet følgende:

..logo
{
   position:absolute;
   margin-left:auto;
   margin-right:auto;
   margin-top:50px;
}

og den tilhørende HTML:

<div class="logo">
   <img src="images/pic.png" />
</div>

Problemet er, at den godt nok placerer billedet korrekt lodret - men den
centrerer det ikke. Jeg har prøvet at indsætte "text-align=center", men
det gør ingen forskel.

Derudover har jeg nogle div-elementer, som jeg også gerne vil have
centreret. De skal ligge lodret under logoet, og igen har jeg problemer
med at centrere vandret. Der er ingen problemer med positionen lodret.

Min Css-kode for et div-element er

..velkommen
{
   position:absolute;
   padding:5px;
   width:507px;
   margin-top:101px;
   margin-right:auto;
   margin-left:auto;
   background-color: #dddddd;
   border-style:solid;
       border-width:1px;
   border-color: #aaaaaa;
}

Den tilhørende HTML-kode er

<div class="velkommen">Velkommen til blablabla ..</div>

Hvad er det jeg misser ?



--
Jesper Stocholm - http://stocholm.dk
www.asp-faq.dk: FAQ for dk.edb.internet.webdesign.serverside.asp
www.usenet.dk/netikette/citatteknik.html: Skriv under det du svarer på
Svar venligt til gruppen og ikke til mig privat !

---

"Jesper Stocholm" <j@stocholm.invalid> skrev
> Jeg har problemer med at positionere både et billede samt nogle div-
> elementer.
>
> Mit billede skal centreres vandret samt være 50px fra toppen af siden.
> Til det har jeg lavet følgende:
>
> .logo
> {
> position:absolute;
> margin-left:auto;
> margin-right:auto;
> margin-top:50px;
> }

Hvis vi forsøgsvis forudsætter, at bredden på dit billede er 300 pixels,
skal du gøre det på denne måde:

..logo{
position: absolute;
top:50px;
left:50%;
margin-left:-150px
}

Altså, du sætter billedet ind til midten af siden og giver billedet en
negativ venstremargen lig halvdelen af billedets bredde.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

---

Erik Ginnerskov wrote :

>
> "Jesper Stocholm" <j@stocholm.invalid> skrev
>> Jeg har problemer med at positionere både et billede samt nogle div-
>> elementer.
>>
>> Mit billede skal centreres vandret samt være 50px fra toppen af
>> siden. Til det har jeg lavet følgende:
>>
>> .logo
>> {
>> position:absolute;
>> margin-left:auto;
>> margin-right:auto;
>> margin-top:50px;
>> }
>
> Hvis vi forsøgsvis forudsætter, at bredden på dit billede er 300
> pixels, skal du gøre det på denne måde:
>
> .logo{
> position: absolute;
> top:50px;
> left:50%;
> margin-left:-150px
> }
>
> Altså, du sætter billedet ind til midten af siden og giver billedet en
> negativ venstremargen lig halvdelen af billedets bredde.

jasgu ! ... :) Men burde det ikke også virke med de almindelige
div-elementer ?

Hvis jeg bruger dit forslag i mit eget, så giver det

..velkommen
{
position:absolute;
   padding-left:5px;
   padding-right:5px;
   padding-top: 2px;
   padding-bottom: 2px;
   width:507px;
   margin-top:101px;
   background-color: #dddddd;
   border-style:solid;
   border-width:1px;
   border-color: #aaaaaa;
   font-weight: bold;
   font-size:1.0em
   left:50%;
   margin-left: -253px;
}

<div class="velkommen">Velkommen til blablabla</div>

Men resultatet er her, at den skubber mit div-element 253px til venstre
ud af skærmen.

?



--
Jesper Stocholm - www.stocholm.dk

.... der gerne vil gøre usenet til et trygt sted at være.

---

Jesper Stocholm wrote :

> Erik Ginnerskov wrote :
[snip]
>> Altså, du sætter billedet ind til midten af siden og giver billedet en
>> negativ venstremargen lig halvdelen af billedets bredde.
>
> jasgu ! ... :) Men burde det ikke også virke med de almindelige
> div-elementer ?
[snip CSS-kode]
> Men resultatet er her, at den skubber mit div-element 253px til venstre
> ud af skærmen.

Sorry ... jeg manglede et semikolon efter en linie. Din kode virker
perfekt på de andre elementer også.

Mange tak for hjælpen ...



--
Jesper Stocholm - www.stocholm.dk - www.asp-faq.dk
** De andre siger, at han er 16 **
Svar venligst til gruppen og ikke til mig privat !
Skriv under det du svarer på - www.usenet.dk/netikette/citatteknik.html