Avatar billede webbe Nybegynder
28. februar 2005 - 12:00 Der er 3 kommentarer og
1 løsning

Placering af lag

Hejsa

Jeg vil via min css placere forskellige lag med forskelligt indhold.

Mit problem er at jeg ikke kan få paceret mit lag nummer 3 i samme højde som mit lag nummer 1 - kun hvis jeg bruger absolut positionering, hvilket så vil give mig problemer i forhold til resize af vinduer.

Projektet kan ses her: http://www.eyesee.dk/startfirma/www/default.asp

Det drejer sig om højre søjle (Bannerreklamer) - hvor laget ligger sig nederst - også selv om jeg bruger z-index.

Håber der er nogen der kan hjælpe mig.
Avatar billede mrbs Nybegynder
28. februar 2005 - 23:48 #1
I dit css kan du for div'en angive:
position:absolute;
left:50%;
margin-left:10px;
margin-top:100px;

i de to nederste angiver du placeringen - så flytter den sig  efter midten af siden, og så er det ikke et problem mere :)
Avatar billede webbe Nybegynder
01. marts 2005 - 08:46 #2
det virker til dels

hvis du klikker ind på linket oven over kan du se hvordan det står nu.

Det virker på "Seneste" og til dels på "Bannerreklamer", men når jeg resizer mit vindue flytter min login-formular sig.

Mine lag ser således ud:

<div id="seneste" class="seneste">Seneste annoncer</div>
            <div id="logind" class="logind">
                <form method="post" action="login.asp" name="logform">
                    Brugernavn<br>
                    <input type="text" name="unavn" class="boxlog"><br>
                    Password<br>
                    <input type="password" name="upass" class="boxlog"><br>
                    <input type="image" id="1" name="ok" src="images/login.jpg">
                </form>
            </div>
            <div id="adds" class="adds">Bannerreklamer</div>

Min CSS:

.seneste {
    position: relative;
    left: 0%;
    margin-top: 30px;
    margin-left: 10px;
    width: 150px;
    height: 175px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    z-index: 1;
}
.logind {
    position: absolute;
    left: 15%;
    margin-top: 115px;
    margin-left: 10px;
    width: 150px;
    height: 200px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    z-index: 2;
}
.adds {
    position: aboslute;
    left: 50%;
    margin-top: 0px;
    margin-left: 555px;
    width: 150px;
    height: 200px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    z-index: 3;
}
Avatar billede webbe Nybegynder
01. marts 2005 - 08:47 #3
i øvrigt placerer mit lag med banner-reklamer sig ikke rigtigt
Avatar billede webbe Nybegynder
04. marts 2005 - 09:54 #4
lukker, da jeg har brugt en anden løsning
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