Beste Vormgevers ;)

Ik ben momenteel bezig voor een website voor Sportopmaat (ROC-Nijmegen Webstite)

Hier de hyml en css:

<code>
<div id="eersteColumn">Voorbeeld</div>
<div id="tweedeColumn">
<div id="note">
<div id="noteContent">Welkom op de site van Sport op Maat, de plek om je in te schrijven voor verschillende leuke en actieve clincs.</div>
</div>
</div>

<!-- css -->

div#tweedeColumn {
width: 214px;
margin-top: -37px;
float: right;
}
div#note {
width: 214px;
height: 177px;
background-image: url(images/note.png);
}
div#noteContent {
width: 140px;
padding: 45px 0px 0px 40px;
line-height: 1.3em;
letter-spacing: 0.1em;
}
</code>

Het probleem is het volgende: In IE6 kapt hij de achtergrond afbeelding af van de "note" div (bij de negatieve margin). In IE7 en firefox doet deze het goed, alleen in IE6 krijg ik het niet werkend. Ik heb ook al even op google gezocht maar het heet best haast en dus vraag ik het hier in de hoop het snel te vinden.

Ik hoop dat het duidelijk uigelegd is.

Alsvast bedankt :)
Ik heb het even snel doorgekeken en ik heb ook geen voorbeeld om te zien wat er nou precies fout is. Maar IE6 gaat sowieso niet goed om met .png bestanden.
Kortom plaats even een voorbeeldje, dat werkt makkelijker voor iedereen.
Je kan dit nog even proberen, wil ook nog wel eens werken.

div#tweedeColumn {
width: 214px;
top: -37px;
float: right;
}

Groet,
Ronald
Ik heb helaas geen server waar ik het op he tmoment op kan laten zien... de top -37px werk niet.. omdat de div relative is :)

Ik zoek verder.. preobleem is dat strax alles als "sharepoint" template moet dienen :(

tnx

Reageren