Avatar billede donpedro Nybegynder
08. juni 2006 - 09:47 Der er 6 kommentarer

Problemer med positionering med CSS

Hej Alle

Jeg er ved at lave en hjemmeside skabelon. Jeg har lidt problemer med positionering af et billede.

Et udsnit af mit stylesheet ser således ud:

body
{
    padding:        0;
    margin:            0;
    text-align:         center;
}

div#Logo
{
    position:         absolute;
    top:             10px;
    left:             21px;
}

div#MenuInner
{
    position:         absolute;
    top:            100px;
    left:            22px;
}


div#Content
{
    position:        relative;
    top:            241px;
    left:            490px;
}

div#Projekt1
{
    position:        relative;
    top:            241px;
    left:            20px;       
}


div#Projekt2
{
    position:        relative;
    top:            241px;
    left:            255px;       
}

div#Projekt3
{
    position:        relative;
    top:            392px;
    left:            20px;       
}

div#Image
{
    position:        relative;
    top:            72px;
    left:            20px;   
}

div#NewsDummy
{
    position:        relative;
    top:            72px;
    left:            490px;
}

fieldset
{
    display:        inline;
}

div#PageContainer
{
    display:         block;
    margin-left:         auto;
    margin-right:         auto;
    width:             890px;   
}

div#Page
{
    text-align:         left;
    height:            100%;
    min-width:         890px;


Siden kan ses på http://henton.cmsdemo.dk

Det er meningen, at den grå kasse der ligger bag den blå menu skal placeres til venstre for kassen "lige nu".

Er der nogen der kan hjælpe mig - jeg er kørt fast...

/Peter
Avatar billede vat69 Nybegynder
08. juni 2006 - 11:18 #1
Hvis jeg sætter dine css koder + kilde kode ind i et doc. og ser dem på min local host ser det ud til at virke fint, jeg tror ikke det er dine css koder du viser her det er galt med, kan det være noget andet der skaber problemerne?
PS det er Projekt2 boxen du ville ha ned ikk.
Avatar billede donpedro Nybegynder
08. juni 2006 - 12:38 #2
Det er nu Projekt3 jeg skal have ned...hmmm...jeg prøver at skille det hele ad for finde fejlen...

....det er altså besynderligt...
Avatar billede vat69 Nybegynder
08. juni 2006 - 13:46 #3
Skal selve
<div id="Projekt3">
<a href="/"><img src="media(56,1030)/Forside_thor_randers.png"></a>
</div>

ikke være uden for <div id="Content">??

Har du prøvet at flytte det så <div id="Projekt3"> står lige efter <div id="Projekt2">
Eller er det helt forkert ?
Avatar billede donpedro Nybegynder
08. juni 2006 - 14:08 #4
Det har jeg prøvet...tjek linket og se hvad der så sker...der byttes bare placering...
Avatar billede vat69 Nybegynder
08. juni 2006 - 14:17 #5
Du mangler at afslutte nogle div tags. Det drejer sig om

<div id="Projekt3">
<a href="/"><img src="media(56,1030)/Forside_thor_randers.png"></a>
</div

samt
den som indeholder Dk sæalkd æsald  sætningen

Hvordan ser det ud hvis de er afsluttet?
Avatar billede vat69 Nybegynder
09. juni 2006 - 22:06 #6
Kan se du fik det løst, hvad var det der var galt?
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