Probleem IE/FF - Softwareontwikkeling

dinsdag 1 november 2005 08:47

Acties:

Verwijderd

Topicstarter

IK ben dus bezig met een website: http://www.vobos.com/x-ray/3
en in Firefox staat de site door elkaar, sluit niet goed aan enzo maar doet het submenu het wel
en bij internet explorer staat alles goed, maar doet het submenu het niet!
Wat kan dit in godsnaam zijn!?

dinsdag 1 november 2005 08:55

Acties:

dr snuggles

Zowel in Opera 8.5, Firefox 1.0.4 en IE6 zie ik precies dezelfde site.

Ik krijg wel drie errors in de validator: http://validator.w3.org/ Misschien kun je daar wat mee

.

dinsdag 1 november 2005 09:01

Acties:

sjroorda

Nee, maar hij geeft wel aanwijzingen hoe het te verbeteren.

dinsdag 1 november 2005 09:04

Acties:

dr snuggles

Bij de middelste drie blokjes zie ik een submenu.
In FF: Uitklapbaar met drie test linkjes.
In Opera: Uitklapbaar met één test linkje.
In IE: Geen submenu te zien.

Gebruik je misschien een standaard die nog niet (of verkeerd) in IE is geimplementeerd? Niet dat ik weet welke dat precies allemaal zijn, maar IE is natuurlijk al een erg oude browser.

_{Rechtsboven elk bericht zit trouwens een mooie edit knop .}

[ Voor 10% gewijzigd door dr snuggles op 01-11-2005 09:05 ]

dinsdag 1 november 2005 09:07

Acties:

Verwijderd

Topicstarter

ik heb werkelijk geen idee wat er fout is
misschien kan iemand even de moeite nemen om te kijken in de css files

http://www.vobos.com/x-ray/3/css/

dinsdag 1 november 2005 09:11

Acties:

Monsie

Verwijderd schreef op dinsdag 01 november 2005 @ 09:07:
ik heb werkelijk geen idee wat er fout is
misschien kan iemand even de moeite nemen om te kijken in de css files

http://www.vobos.com/x-ray/3/css/

uhm... volgens mij laat je ons zo al het werk doen? Wat heb je zelf al opgezocht? Bijvoorbeeld het got-forum al doorzocht?

Ik zie trouwen in IE helemaal geen menu's

edit:

Anderen zullen bereid zijn je te helpen als je laat je laat merken dat je al flink bezig bent geweest, en bereid bent om zelf nog wat te klussen om er iets van te leren.

Bron

[ Voor 32% gewijzigd door Monsie op 01-11-2005 09:16 ]

Sign here please

dinsdag 1 november 2005 09:12

Acties:

Verwijderd

Topicstarter

Ehm ja ik heb al naar oplossingen gezocht, en dit forum is tog ook om hulp te vragen

dinsdag 1 november 2005 09:15

Acties:

dr snuggles

Verwijderd schreef op dinsdag 01 november 2005 @ 09:12:
Ehm ja ik heb al naar oplossingen gezocht, en dit forum is togch ook om hulp te vragen

Ja, maar nadat je zelf al hebt gezocht. Andere mensen hebben namelijk al eerder soortgelijke problemen gehad. Om te voorkomen dat we iedere keer hetzelfde moeten antwoorden hebben we de search knop uitgevonden. Bovendien zorgt deze mooie optie ervoor dat jij zo snel mogelijk een antwoord hebt

.

dinsdag 1 november 2005 09:24

Acties:

Webgnome

Verwijderd schreef op dinsdag 01 november 2005 @ 09:12:
Ehm ja ik heb al naar oplossingen gezocht, en dit forum is tog ook om hulp te vragen

maar niet om gebruikt te worden als ' ach ze lossen het wel ff op '

Strava | AP | IP | AW

dinsdag 1 november 2005 09:24

Acties:

CH4OS

It's a kind of magic

Hier met FireFox 1.0.7 klappen de menu's wél uit, maar kan ik alleen het eerste item selecteren...
En in IE6 doet het menu het idd helemaal niet...

En opzich...

HTML:

1 2	<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Wat voor pagina wil je uitpoepen? XML of xHTML?

De reden dat je menu bij mij al stopt bij het eerste menu item is denk ik omdat je elk item in één div gooit...

Ik gebruik (toevallig) hetzelfde menu'tje en ik heb elk hoofdmenu in een div (waarom dat is weet ik ook niet) maar elk div heeft weer een onderliggende ul die verder het menu regelt...

Check het menu op mijn website anders even... Website staat in mijn react profiel als het goed is...

Verwijderd schreef op dinsdag 01 november 2005 @ 09:25:
Iemand een scriptje voor ongeveer zulke submenu's die in beide browers werken?
en weet iemand dan misschien wel waardoor de layout zeg maar verschilt in firefox

Dat heb ik dus op mijn site... Volgens mij zelfs de zelfde als jij gebruikt...

Wel even de source checken en CSS...

[ Voor 68% gewijzigd door CH4OS op 01-11-2005 09:48 ]

dinsdag 1 november 2005 09:25

Acties:

Verwijderd

Topicstarter

Iemand een scriptje voor ongeveer zulke submenu's die in beide browers werken?
en weet iemand dan misschien wel waardoor de layout zeg maar verschilt in firefox

[ Voor 37% gewijzigd door Verwijderd op 01-11-2005 09:26 ]

dinsdag 1 november 2005 09:27

Acties:

Timo

Verwijderd schreef op dinsdag 01 november 2005 @ 09:25:
Iemand een scriptje voor ongeveer zulke submenu's die in beide browers werken?
en weet iemand dan misschien wel waardoor de layout zeg maar verschilt in firefox

Dat is een scriptreq, en dat is ook niet toegestaan. Je kunt maar beter ff gaan trouble shooten en de tips in acht nemen die hier gegeven zijn. En anders is www.hotscripts.com ook een optie

Heb je deze ook al van een of andere scriptsite gejat?, lijkt namelijk behoorlijk advanced.. denk niet dat je dit zelf gemaakt hebt

De layout in firefox moet je gewoon goed positioneren.. Fx volgt netjes de regels

meestal dan Mischien moet je gewoon zelf even moeite doen, in plaats van je vraag hier neer gooien..utfs

offtopic:
hierboven word zelfs een kant en klare oplossing gegeven, je mag afkijken bij iemand

[ Voor 42% gewijzigd door Timo op 01-11-2005 09:31 ]

dinsdag 1 november 2005 09:32

Acties:

CH4OS

It's a kind of magic

fooker schreef op dinsdag 01 november 2005 @ 09:27:

offtopic:
hierboven word zelfs een kant en klare oplossing gegeven, je mag afkijken bij iemand

Mja zo te zien is ie één javascript vergeten te laden...

HTML:

1 2	</iframe> </iframe>

Eén keer afsluiten is voldoende...

Zag ik net toevallig in de broncode...

HTML:

1	<a class="menuitem href="massage1.html>Massage-3</a>

lijkt mij

HTML:

1	<a class="menuitem" href="massage1.html">Massage-3</a>

te moeten zijn...

[ Voor 49% gewijzigd door CH4OS op 01-11-2005 09:40 ]

dinsdag 1 november 2005 09:44

Acties:

dr snuggles

GJ-tje schreef op dinsdag 01 november 2005 @ 09:32:
[...]
Mja zo te zien is ie één javascript vergeten te laden...
HTML:
1
2
        </iframe>
                </iframe>
Eén keer afsluiten is voldoende... Zag ik net toevallig in de broncode...
HTML:
1
<a class="menuitem  href="massage1.html>Massage-3</a>
lijkt mij
HTML:
1
<a class="menuitem"  href="massage1.html">Massage-3</a>
te moeten zijn...

Dan zijn alvast twee van de validator errors die gefixed zijn.

dinsdag 1 november 2005 09:45

Acties:

Verwijderd

Topicstarter

GJ ik kan je broninfo wel bekijken maar ik zie je css files niet

dinsdag 1 november 2005 09:48

Acties:

CH4OS

It's a kind of magic

Verwijderd schreef op dinsdag 01 november 2005 @ 09:45:
GJ ik kan je broninfo wel bekijken maar ik zie je css files niet

Heb ook maar één CSS file...

Heb hier de code die relevant is voor het menu:

Cascading Stylesheet:

/* Navigation menu */
#nav
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 850px;
    z-index: 1;
}

#nav, #nav ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#nav li li a 
{
    text-decoration: none; 
    color: black; 
    font-size: 11px;
    font-weight: normal;
    padding: 3px 0px 3px 0px;
    display: block;
}

#nav li li a:visited
{
    text-decoration: none;
    color: black; 
}

#nav li li a:hover, #nav li a:hover
{
    text-decoration: none;
    color: #B36B00; 
}
    
#nav li li a:active 
{
    text-decoration: none;
    color:#B36B00; 
}

#nav li div a 
{
    text-decoration: none;
    font-weight: bold;
    line-height: 50px;
    color: #5D432A;
    font-size: 12px;
    letter-spacing: 0.1em;
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

#nav li {
    float: left;
    position: relative;
    width: 169px; /* bepaalt uiteindelijk de breedte van elk menukopje n onderhangend menu */
    text-align: center;
    cursor: default;
    border-width: 1px 0;
    z-index: 1;
}

#nav li ul {
    display: none;
    position: absolute;
    top: 48px; /* fijnafstelling om te bepalen hoe dicht de uitklapmenuutjes onder de balk staan */
    left: 0;
    font-weight: normal;
    background: url('http://www.flipdesign.nl/images/menu_item.jpg') bottom left no-repeat;
    width: 169px; /* zet breedte van uitklaplijstjes vast, zodat die niet te smal worden */
}

li#first
{
    width: 169px;
}

#first div, #second div,#third div,#fourth div, #fifth div
{
    border: none;
    width: 169px;
    height: 48px;
}

#nav li>ul {
    top: auto;
    left: auto;
    padding-bottom: 4px;
}

#nav li li
{
    display: block;
    float: none;
    background-color: transparent;
    border: 0;
    width: 159px; /* kan alleen smaller zijn dan 169px als #nav li ul een vaste breedte van 169px heeft */
    border-bottom: 1px solid #B36B00;
    text-align: center;
    margin-left: -2px;  /* IE */
}

#nav>li li 
{
    margin-left: 4px; /* Gecko */
}


#nav li li.last_menu_item 
{
    border-bottom: 0;
}

li#first, li#second, li#third, li#fourth, li#fifth
{
    height: 50px;
}


#nav li:hover ul, #nav li.over ul {
    display: block;
}/* End of navigation menu */

Voila

Dat is de enige CSS die je nodig hebt voor het menu, de HTML staat in de source...

Uiteraard is dit een onaangepaste CSS file, dit kan je het beste zelf ook doen, ik weet namelijk bijvoorbeeld niet de breedte voor je menu kopjes en menu-items...

[ Voor 110% gewijzigd door CH4OS op 01-11-2005 10:06 ]

dinsdag 1 november 2005 10:34

Acties:

crisp

Devver

Pixelated

Volgens mij mist er een stukje JS voor IE om het menu werkend te maken (aangezien IE geen :hover op andere elementen dan een anchor ondersteund).
Verder kan je in IE ook geen elementen over een iframe positioneren.

Intentionally left blank