Hej!
Jag har gjort en fotosajt som ser jättebra ut med Mozilla och IE.
På sidan blandas stående och liggande bilder.
Nu har jag hört att sidan blir ful när det är liggande bilder på Mac (Safari tror jag) och nu ser jag själv felet på min PC om jag kollar via Opera.
Jag har en bild-div.
I den ska en bild ligga. Man klickar fram och får se nästa.
Är det en stående bild ser det bra ut.
Vit ram sluter tätt kring bilden och ger en fin vit ram på 10px.
När det sen dyker upp en liggande bild så kryper den ur rutan och den vita ramen följer inte dynamsikt med.
Ni fattar när ni ser css:en:
.bild {
text-align:center;
margin-top:10px;
border: 10px solid white;
background: white;
width:300px;
}
När man kollar i IE och det är liggande bild som är 500px i width, så följer ramen dynamiskt med och sväller ut och blir 500.
I Opera (och då antagligen Safari) finns inte denna dynamik. Vidden på diven är fortfarande 300 och bilden sticker liksom ur sin box.
Hur gör jag för att få bild-diven att bli så stor som bilden är (dvs antingen 300 eller 500 bred)
Antar att det inte gör nån skillnad om jag skriver overflow:visible. Bilden fortsätter väl att synas med diven fortsätter va 300px.
Duger inte heller med min-width eller max-width eftersom rutan då sväller ut och blir max-bred, vilket råkar va 520px som den får av diven som denna div ligger i.
Jösses....vilken omständig förklaring... förstår ni?? :-))
Hej från Tove