Avatar billede NielsErikP Mester
07. juni 2011 - 20:51 Der er 2 kommentarer og
1 løsning

Margin lystrer ikke...???

Hej...
Jeg sidder og leger med en opbygning af noget der skal forestille en hjemmeside, men er løbet ind i et problem
(se følgende..)    :



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <title>
        Tekst
    </title>
        <link rel="stylesheet" href="Css\CssFil.css" type="text/css" />
</head>
<body>

<div id="input_felt_pos">
    <div id="billed_header" style="margin: auto;"> <img src="Sti til billede\billede.jpg" /> </div>
    <form id="FlytForm" style="margin: auto auto;">
            <label for="....." class="...">Etikette: </label>    
            <input type="text" name="..." class="....." id="......."/> <br /><br />
            <label for="......." class="label_size">Etikette2: </label>
            <input type="text" name="......." class="....." id="......" /> <br /><br />
            <label for="....." class="......">Etikette3: </label>
            <input type="text" name="....." class="......" id="...." /> <br /><br />
            <label for="........" class=".....">Etikette4: </label>
            <input type="text" name="......" class="......." id="....." /> <br /><br />
                      <img src="sti til billede\billede2.jpg" />
                      <a href="#" class=".....">Link </a>
                      <input type="submit"  value="...." id="...." class="......."/>
                      <br /> <p>Tekst1 : </p>
            <div id=".......">         
            <label for="....." class=".....">Tekst2 : </label> <br / > <br />
            <label for="......." class="......">Tekst3 : </label>    </div>
            <div id=".......">
               
                <form > &nbsp
                    <select name="...." id=".....">
                        <option value="0" selected>opt1</option>
                        <option value="1" >opt2</option>
                        <option value="2" >opt3</option>
                    </select> <br /> <br /> &nbsp
               
                    <select name="......" id="....">
                        <option value="0">Default: </option>
                        <option value="1">1 </option>
                        <option value="2">2 </option>
                        <option value="3">3 </option>
                        <option value="4">4 </option>
                        <option value="5">5 </option>
                        <option value="6">6 </option>
                        <option value="7">7 </option>
                        <option value="8">8 </option>
                        <option value="9">9 </option>
                        <option value="10">10 </option>
                        <option value="11">11 </option>
                        <option value="12">12 </option>
                        <option value="13">13 </option>
                        <option value="14">14 </option>
                        <option value="15">15 </option>
                        <option value="16">16 </option>
                        <option value="17">17 </option>
                        <option value="18">18 </option>
                        <option value="19">19 </option>
                        <option value="20">20 </option>
                        <option value="21">21 </option>
                        <option value="22">22 </option>
                        <option value="23">23 </option>
                        <option value="24">24 </option>
                        <option value="25">25 </option>
                        <option value="26">26 </option>
                        <option value="27">27 </option>
                        <option value="28">28 </option>
                        <option value="29">29 </option>
                        <option value="30">30 </option>
                        <option value="31">31 </option>
                    </select>
                    <select name="..." id=".....">
                        <option value="0">Default:</option>
                        <option value="1">opt1</option>
                        <option value="2">opt2</option>
                        <option value="3">opt3</option>
                        <option value="4">opt4</option>
                        <option value="5">opt5</option>
                        <option value="6">opt6</option>
                        <option value="7">opt7</option>
                        <option value="8">opt8</option>
                        <option value="9">opt9</option>
                        <option value="10">opt10</option>
                        <option value="11">opt11</option>
                        <option value="12">opt12</option>
                    </select> 
                </form>
            </div>
    </form>

</div>
</body>
</html>



Div'en med id="FlytForm" er centreret på siden med Margin: auto auto. Problemet er så at når jeg vil have Div'en med id="billed_header" indeholdende mit top billed centreret...:



<div id="billed_header" style="margin: auto;"> <img src="Sti til billede\billede.jpg" /> </div>



Så virker det ikke med margin: auto.
Nogen der har en ide til løsning af problemet, sådan at jeg kan få mit billede til at ligge som topbillede på "FlytForm".

Håber der er en "hardcore" med lidt hjælp.

På forhånd tak..!!
Avatar billede keysersoze Ekspert
07. juni 2011 - 21:12 #1
Det er lidt svært at gætte uden at se hvad der ligger i din CSS - men et gæt kunne være at du mangler at sætte en bredde på din div. Hvis der ikke kan angives en bredde skal du nok nærmere benytte text-align: center;
Avatar billede NielsErikP Mester
07. juni 2011 - 22:00 #2
Hej..
Det var lige det der manglede,keysersoze. En bredde. Og nu du siger det går det pludselig op for mig som det mest naturlige i Css verden.. Det siger vel sig selv at skal man placere en størrelse i midten af skærmens størrelse, kan det jo íkke udregnes uden man kender størrelsens størrelse.
Men tusind tak for hjælpen.
Ligger du et svar.
Avatar billede keysersoze Ekspert
07. juni 2011 - 22:37 #3
svar
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