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 >  
<select name="...." id=".....">
<option value="0" selected>opt1</option>
<option value="1" >opt2</option>
<option value="2" >opt3</option>
</select> <br /> <br />  
<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..!!