Lid |
|
Iedereen hier weet denk ik wel dat IE en FF verschillende elementen verschillend renderen, maar oplossingen zijn meestal moeilijker te vinden.... Vandaag stuitte ik (weer) op een probleem.
Ik heb namelijk een box (div) met content erin, met het volgende style sheet:
.box{
display:block;
width:500px;
padding:3px;
border-left:2px solid white;
border-right:2px solid white;
/* achtergrondkleur doet er niet toe */
}
.box{ display:block; width:500px; padding:3px; border-left:2px solid white; border-right:2px solid white; /* achtergrondkleur doet er niet toe */ }
Hieronder zet ik een plaatje neer, waardoor deze box mooi afgesloten wordt, je kent het principe wel denk ik. De 2 lijnen aan de zijkant mooi in iets anders laten overlopen etc.
Dus ik weet van firefox dat het plaatje dan 510 px breed moet worden, wil ik het even breed als dit blok hebben. Ik maak dus een mooi plaatje, zet het eronder en test het. En het werkte^^
Maarja, dan kijk je in IE, en zie je dat al je werk voor niets is geweest; IE houdt zich stug vast aan de 500px die gegeven zijn, en zodoende steekt het plaatje daaronder dus mooi 10 px uit.
Ik heb al van alles geprobeerd, maar krijg in beide nooit de kolom even breed, en dan begin ik me af te vragen of het eigenlijk wel mogelijk is Is er een manier (liefst CSS, evt javascript) om te zorgen dat het plaatje in beide browsers mooi aansluit aan de box?
|