[html + css] Google MAPS div fixed prob.

[DarkSilence]

Hallo,

Ik het volgende probleem.

Ik heb google maps in mijn site geintergreerd. De hele website structuur bestaat uit divjes. Nu is het vreemde geval in Firefox werkt alles primma en in IE wordt de google map niet op de goede plek weer gegeven. Als ik de Google Map JS uitschakel mijn divje dan wel op goede plek word weergegeven.

Volgens mij is heeft dat probleem met position fixed attribuut te maken. In JS de style al veranderd hielp allemaal geen sier. Ik denk eigenlijk niet dat ik de eerste ben met dit prob duz gezocht op inet zonder resultaat.

Check in IE(daar werkt het niet) en in Firefox (daar werkt het wel)
http://www.w3designer.nl/deouwecompagnie.nl/contact/

Jullie idee hoe ik dit kan verhelpen???

[DarkSilence]

Heeft niemand een idee waarom de div waarin Google Maps is geladen in Internet Explorer niet in de tekst blijft staan en mee scrolt? Nu is het geval dat de div boven op de tekst blijft staan terwijl deze niet position: absolut is ingesteld. Zonder de Google Maps integratie gedraagd div zoals de bedoeling is.

Ook in Firefox werkt de boel, alleen IE loopt moeilijk te doen...

[Rekcor]

Die link werkt niet, Google zeurt iets over een Google-sleutel die kwijt is

Heb je al op het forum van de Google Maps API gekeken? http://groups.google.com/group/Google-Maps-API. Waarschijnlijk heb je daar meer kans op succes dan op Tweakers.net.

Succes ermee in ieder geval!

[ Voor 57% gewijzigd door Rekcor op 30-10-2006 08:20 ]

[André]

Zonder het bekeken te hebben: position: fixed werkt sowieso niet in IE

[Verwijderd]

Google Maps is ook nog niet geweldig. Voorlopig gebruik ik het niet, voordat het uit het beta-stadium is. De grafische interface lijkt wel te kloppen, maar zodra je switcht naar satteliet-weergave, klopt het niet meer. Ik haal de latitude/longitude coördinaten op bij www.webservices.nl. en die pas ik dan toe.
Mijn eigen huis ligt opeens 1a2 cm verderop. Waardeloos dus nog.
Ook als ik het adres op zoek via de googlemaps api komt hetzelfde eruit.
Helaas kan ik het dus nog niet gebruiken voor mijn makelaars.

[DarkSilence]

Rekcor schreef op maandag 30 oktober 2006 @ 08:18:
Die link werkt niet, Google zeurt iets over een Google-sleutel die kwijt is

Heb je al op het forum van de Google Maps API gekeken? http://groups.google.com/group/Google-Maps-API. Waarschijnlijk heb je daar meer kans op succes dan op Tweakers.net.

Succes ermee in ieder geval!

Ja oeps foutje, maar dat is het probleem niet had een nieuwe versie online gezet maar met de lokale settings. De website is nog geen productie dus dan maakt niet zoveel uit...

Nu functioneerd de site weer, probleem in IE nog niet opgelost. Zie vorige post.
http://www.w3designer.nl/deouwecompagnie.nl/contact/

[Rekcor]

Verander:

Cascading Stylesheet:

#content {
    width: 490px;
    height: 350px;
    padding: 4px;
    float: left;
    overflow: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

in:

Cascading Stylesheet:

#content {
    width: 490px;
    height: 350px;
    padding: 4px;
    float: left;
    position: relative;
    overflow: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

Dit werkt bij mij in FF & IE6.

[DarkSilence]

Rekcor schreef op dinsdag 31 oktober 2006 @ 08:08:
Verander:
...
Dit werkt bij mij in FF & IE6.

Super dit is idd de oplossing voor het probleem. De voorbeeld website is nu verwijderd, en de website is nu te bekijken op http://www.deouwecompagnie.nl/contact/

Website is getest in FF, IE en Opera.

Bedankt voor jullie reacties!!!