CSS-probleem Safari

[Verwijderd]

Ik heb een website gemaakt waarbij Safari problemen geeft. het gaat om de pagina http://www.z-yachting.com/en/for-sale/house.

Als je deze in Firefox of IE bekijkt werkt hij goed, maar ga ik naar Safari dan word alles uit zijn verband gerukt. De huizen worden weergegeven dmv divs, maar om de een of andere reden wordt de achtergrond niet uitgerekt wanneer er content in geladen word. Op de andere pagina's overigens wel, alleen op deze niet omdat de inhoud uit divs bestaat.

De divs hebben nu een float, wanneer ik deze weg haal word de achtergrond wel mee uitgerekt, alleen worden dan alle huizen in 1 kolom geplaatst. Mijn vraag is dus, hoe kan ik dit werkend krijgen in Safari?

Code voor mijn "content div" (waarin de huizen geladen worden):

code:

width:              930px;
margin:             0px auto 0px auto;
background-color:   #ffffff;
padding:            15px 14px 0px 16px;

Code van de divs die ingeladen worden:

code:

width: 190px;
height: 180px;
float: left;
position: relative;
text-align: left;
background-color: #eeeeee;
border: 1px solid #cccccc;

[RobIII]

Ik zie het probleem niet in Safari Maar als ik moet gokken is je oplossing een overflow: auto op de content div.

[Verwijderd]

Nee de overflow is het niet, want op andere pagina's loopt het ook gewoon goed.
Ik gebruik nu Safari versie 4.0.5, met welke versie bekijk jij hem dan?

[iMars]

Safari 5.0 voor Windows:

[amahusu]

in safari 4.0.2 op osx 10.5.8 loopt de container div ook niet door



maar heb je de boel al door de w3c validator gehaald?

daar staan namelijk nogal wat foutjes in

[ Voor 11% gewijzigd door amahusu op 05-07-2010 16:59 ]

[MoietyMe]

Leuk stukje nog over overflow:hidden;

float: left; probleem

[Verwijderd]

Ik heb die fouten inderdaad gezien, maar alles word gegenereerd door een joomla component en om daar al die fouten uit te gaan halen...dan ben ik volgend jaar kerstmis nog bezig . Ik had ze al doorgegeven bij de ontwikkelaar, en ze zouden er naar kijken...dus, dat word alsnog volgend jaar kerstmis

Ik denk ook dat het aan de versie 4 ligt, ik heb nu namelijk 5 geinstalleerd op windows en daar werkt 'ie wel goed. 4% van de bezoekers gebruikt Safari en maar 0,4% daarvan gebruikt versie 4 dus ik denk dat ik het er maar bij laat zitten.

@ Good fella: ik heb dat topic en de uitleg bekeken maar ik krijg het op geen mogelijkheid voor elkaar. Als alles werkt behalve safari 4, dan leg ik me daar bij neer.

Thnx voor de feedback in ieder geval

[TheBorg]

Ik zou ook even kijken in IE6, de items van het top menu zijn de volledige breedte van de site. Kun je denk ik oplossen door de li'tjes een breedte te geven.

[Verwijderd]

tjah, ie6, safari 4...beetje hetzelfde verhaal, het blijft altijd problemen geven. In dit geval volg ik de statistieken die laten zien dat maar 10% van de IE gebruikers versie 6 heeft en 0,4% van de Safari gebruikers versie 4 heeft.

[R4gnax]

TheBorg schreef op maandag 05 juli 2010 @ 17:32:
Ik zou ook even kijken in IE6, de items van het top menu zijn de volledige breedte van de site. Kun je denk ik oplossen door de li'tjes een breedte te geven.

Je hebt geen fixed width nodig om dat te laten werken. Geef de geneste a elementen voor IE6 geen display: block, maar display:inline en zoom: 1. Dat triggert inline-block in IE6/7. Dat heb je in IE6 nodig omdat IE6 shrink-wrapping bij floated en positioned elementen niet toepast op descendant block level elementen.

[Boelie-Boelie]

Verwijderd schreef op maandag 05 juli 2010 @ 17:39:
In dit geval volg ik de statistieken die laten zien dat maar 10% van de IE gebruikers versie 6 heeft

Ik zie dat als een aanzienlijke groep om rekening mee te houden... Zou niet proberen het pixel perfect te krijgen in IE6, maar wel zorgen dat de site goed leesbaar en navigeerbaar is (weet niet hoe erg het probleem is overigens).