[Løst]Midtstilling av div's i Opera

[RiniaShqipetare]

Hei igjen jeg masser en god del men man blir jo irritert når man ikke klarer en ting.

 

Nå slitter jeg med en ting til i Opera det er centring. I IE fungerer det fint men ikke i Opera.

 

Bilde IE:

http://www.jessheim.vgs.no/OXODesign/Rilindja/hw/ie.jpg

 

Bilde Opera:

http://www.jessheim.vgs.no/OXODesign/Rilindja/hw/opera.jpg

 

Det ser nogså klart at kontakt sjemaet blir ikke midtstilt i Opera.

 

HTML Kode:

<div id="bodyBG"><br>
<div id="menyH">
 Hei si je a je mire<br>
 MIre jemi ne ju<br>
 Hva med deg?
</div>

<div id="divCenter">
<div id="bodyText">
 <div id="bodyLajme">
 <fieldset>
   <legend>Kontakt</legend>
   <br>
   <form action="destination.htm">
   	<label for="name">Navn</label> <input type="text" id="name" class="input-box" /><br />
   	<label for="e-mail">E-mail</label> <input type="text" id="e-mail" class="input-box" /><br />
   	<label for="e-mail">Melding</label><textarea name="k_mesazhi" class="input-box" cols="30" rows="5"></textarea><br>
   	<input type="submit" value="submit" class="submit-button" />
   </form>
   <br>
   <div id="clear"></div>
 	</fieldset>
 	<div id="clear"></div>
 </div>
</div>
</div>
<div id="clear"></div>
</div>

 

CSS Kode:

html, body {
height: 100%;
text-align:center;
background:#870000 url(../design/img_bg_top.jpg) center top repeat-x;
color: #FFFFFF;
font-size: 12px;
font-family: Arial, sans-serif;

}

div#bodyBG {
background:url(../design/img_body_bg.jpg);
width: 900px;
margin:0 auto;
text-align:left;
}

div#clear {
clear: both;
}

div#menyH {
float: left;
margin-left:90px !important;
margin-left:45px;
width:184px;
}

div#bodyText {
float:left;
margin-left:10px;
width:510px;
color: #666666;
font-size: 12px;
font-family: Arial, sans-serif;
}

div#bodyLajme {
background: transparent url('../design/img_bodyLajme_bg.gif');
background-position: bottom center;
background-repeat: no-repeat;
margin: 0px 0px 10px 0px;
padding: 0px 0px 20px 0px;
border: 0px;
font-family: Verdana, sans-serif;
font-size: 8.5pt;
color: #666666;
}

div#divCenter {
text-align:center;
}

label {
width: 5em;
float: left;
text-align: right;
margin: 0 1em 0px 0;
clear: both
}

.input-box {
float: left;
margin-bottom: 10px;
color: #26a;
background: #feb;
border: #26a solid 1px
}

.submit-button {
margin-left: 6em;
clear: both;
color: #000;
background: #fb0;
border: 2px #9cf outset
}

fieldset {
border: #26a solid 1px;
width: 400px;
text-align:left;
}

legend {
background: #fb0;
border: #26a solid 1px;
padding: 1px 10px;
font-size:  12px;
font-weight: bold;
}

 

Hva er galt?? har sittet å lettet på google en god del og finner ikke noe!

 

mvh.

Endret 22. juni 2005 av RiniaShqipetare

[ingveh]

div#divCenter{margin: 0 auto;}

 

http://unrealized.org/artikkel/css/midtstilling_i_css/

Endret 22. juni 2005 av <ingve>

[RiniaShqipetare]

div#divCenter{margin: 0 auto;}

 

http://unrealized.org/artikkel/css/midtstilling_i_css/

Takk men fungerte ikke!!!!

 

??

[ingveh]

Kan vi få se siden da?

Hvilken div er det du ikke får sentrert?

[RiniaShqipetare]

Siden (det er bare en test) kan ses her: http://www.jessheim.vgs.no/OXODesign/Rilindja/hw/test.php

 

Se med begge browserene både IE og Opera og se på Kontakt sjemaet (hele). Så merker du hva jeg er utt etter jeg vil ha den midtstillt i det hvite.

 

Takk

[RiniaShqipetare]

Fikk det til

Fant noe på google.

 

Takk