[LØST]Opera: BG følger ikke med teksten (float)

[RiniaShqipetare]

Hei meg igjen, jeg driver å fikse slik at siden min kan vises bra i Opera også og har fisket litt på koden men så sitter jeg fast, background føler ikke med teskten (float).

 

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#menyH {
float: left;
margin-left:90px !important;
margin-left:45px;
width:184px;
}

 

HTML Kode:

<div id="bodyBG">
<div id="menyH">
 Hei hei det er bare test<br>
 Test igjen<br>
 Fungerer ikke
</div>
</div>

 

bodyBG skal følge som background men det skjer ikke så lenge menyH er float. I IE fungerer det fint men ikke i opera.

 

Hva er galt?

Endret 22. juni 2005 av RiniaShqipetare

[Arve Systad]

legg til et div-element nederst i #bodyBG og stiliser det med clear:both;

 

http://www.complexspiral.com/publications/containing-floats/ <= Forklaring på problemet.

[RiniaShqipetare]

Takk fikk det til men så er det en litten problem til, skal ha border rundt en bilde og bruker den:

 

CSS bilde kode:

.imagesClass{
background: #FFFFFF;
border: 1px;
border-color: #000000;
padding: 2px;
}

 

Da skal normalt kommen en en 2px padding med hvit background (det fungerer) og en 1px svart som border (men den kommer ikke fram i Opera).

 

Bilde:

<img src="images/marketing/img_mark_mark1.jpg" class="imagesClass" width="150" height="100" border="0">

 

??

[Haraldson]

border: 1px;
border-color: #000000;

 

Dette er helt feil. Bare border er en kort-versjon der du kan putte alle verdiene ang. border. Her mangler du f.eks. border-width.

 

Du kan lett løse det slik:

border: 1px solid #000;

[Kenti]

også står det border="0" i koden din.

 

<img src="images/marketing/img_mark_mark1.jpg" class="imagesClass" width="150" height="100" border="0">