FIXED! Kjempetrøbbel med CSS og borders

[joenohr]

-- LØSNING

 

Definerte position relative og top: 0px i div.mainmenu.

Funker som gull nå

 

Hei,

 

Jeg har nå brukt en dag på å prøve å feile for å få følgende til å fungere.

 

Det beste er egentlig om dere ser på følgende link i IE6 og Opera8, som er de to browserne jeg foreløpig har testet i. Link -> FJERNET!

 

Som dere vil se så kommer det altså en stripe (for letthetsskyld farget rosa) mellom bildet i toppen og linjen under (den blå og hvite), mens dette er helt perfekt i Opera.

 

Hvis jeg derimot setter

 

#picture_top

{

background-color: pink;

margin-bottom: -4px;

}

 

så ser siden perfekt ut i IE, men da bøgger den i Opera.

 

Er det noen som ser hva jeg gjør gærnt? Legger ved koden til css og utsnitt av html under.

 

CSS--->

 

body

{

margin:15px 0px; padding:0px;

text-align:center;

background-color: lightgrey;

 

}

 

#container

{

width:790px;

margin:0px auto;

text-align:left;

background-color:white;

}

 

#picture_top

{

background-color: pink;

margin-bottom: -4px;

}

 

div.mainmenu

{

background-color: #6699cc;

width: 100%;

}

 

.news_scroller

{

float: left;

margin-top: 0px;

margin-bottom: 1px;

width: 150px;

background-color: white;

display: block;

border-color-right: red;

}

 

}

 

 

html -->

 

<div id="container">

 

<div id="picture_top">

 

<img src="logo.jpg.JPG" height="291" width="790">

 

</div>

 

<!--dette er linjen under bildet -->

<div class="mainmenu">

 

<span class="news_scroller">

<p><marquee scrolldelay="24" scrollamount="2">Dette er kun en demo. Tenkt løsning skal stoppe for hver nyhet i f.x. 2 sekunder.</marquee></p>

 

</span>

 

</div>

 

 

</div>

Endret 20. juni 2005 av joenohr

[Marvil]

Flott at du også poster løsningen, slik at andre som lurer på det samma kan lære litt også..