[IE..] Erg vreemd IE probleem - Softwareontwikkeling

donderdag 28 februari 2008 11:06

Acties:

Topicstarter

Een hele goede moggel,

Ik heb een erg vreemd probleem (vind ik dan

) met IE. Ik zet hier wel even wat scriptjes neer en dan mogen jullie zelf even kijken op www.ath92.nl/cms wat er nou precies mis is (in IE 6 en FF getest, andere tests zijn gewenst, maar he gaat dus over die renderfout in IE, bij de menuknoppen). Ok, komt ie dan hè:

Cascading Stylesheet:

1	body { snip }

Dit is de CSS. Kan zijn dat er veel fouten inzitten, maar bij het gedeelte waar het volgens mij om gaat zitten er niet erg veel fouten in denk ik (ergens onderaan dus). Die fouten komen omdat ik dit ontwerp na een jaar terugzagen er toch mee verder wilde. Toen was ik nog neit zo ver in CSS e.d.

HTML:

<html>
<head>
   <title>
      Test.
   </title>
   <link href="css.css" rel="stylesheet" type="text/css">
</head>
</body>
SNIP
</body>
</html>

Hier zal het denk ik wel meevallen met de fouten. Iemand suggesties? Laat het horen!

Bvd.

[ Voor 71% gewijzigd door BtM909 op 28-02-2008 11:10 ]

donderdag 28 februari 2008 11:09

Acties:

WeeJeWel

Maak die knoppen gewoon absolute

Homey — Critics are those without skills to create.

donderdag 28 februari 2008 11:09

Acties:

BtM909

Watch out Guys...

Relevante code is niet meer dan 200 regels code

Kan je het probleem ook extraheren en isoleren? Zo ja, zet dan een testcase online met alleen je knoppen... We gaan niet aan website debuggen doen en al helemaal niet als je zelf niet eens aangeeft wat je zelf hebt geprobeerd.

Ik zou zeggen, pas je topicstart even aan met aanvullende informatie en een kleine testcase. Wil je zelf wat meer debuggen, zet dan eens borders om je div, ul en li

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 28 februari 2008 11:11

Acties:

disjfa

be

ath92 schreef op donderdag 28 februari 2008 @ 11:06:
Kan zijn dat er veel fouten inzitten.

Kan je dat niet eerst oplossen, of wil je dat wij heel je code gaan onderzoeken op wat er mischien fout kan zijn. Ik denk dat als je het netjes hebt gezet je veel beter een fout kan terugvinden of iig veel gemakkelijker hier kan navragen wat je code doet.

WeeJeWel schreef op donderdag 28 februari 2008 @ 11:09:
Maak die knoppen gewoon absolute

Post dan gewoon niet aub.

[ Voor 18% gewijzigd door disjfa op 28-02-2008 11:14 ]

disjfa - disj·fa (meneer)
disjfa.nl

donderdag 28 februari 2008 11:25

Acties:

reddevil

Waarom staan ze in een list ? Dat lijkt me zinloos... ff weghalen et voila la resultaat!

Btw een paar hints: zet netjes quotes om je classes heen en indenten van je code kan geen kwaad ennuh netjes een puntkomma aan het eind van elke regel in je css

[ Voor 48% gewijzigd door reddevil op 28-02-2008 11:27 ]

donderdag 28 februari 2008 11:31

Acties:

ath92

Topicstarter

Ok, sorry voor die lange code dan, zal het even aanpassen. Trouwens, geweldig hoe snel je hier reacties krijgt !

Dat heb ik wel eens anders gezien op andere fora. Maar goed, momentje dus, zal hem zo ff editten.
//EDIT:
Ok, de CSS:

code:

#mainmenu ul, #submenu ul li {
 list-style-type: none;
 display: inline;
 padding: 0;
}
#mainmenu {
 margin-right: auto;
 margin-left: auto;
 height: 35px;
 width: 800px;
}
a.menu { 
 color: #CCFFCC;
 display:block;
 width: 124px;
 height: 25px;
 background-color: #35362F;
 float: left;
 font-family: arial;
 text-decoration:none;
 padding-top: 5px;
 padding-left: 5px;
 margin-right: 5px;
}

a.menu:hover {
 color: white;
 background-color: #999999;
}
a.menu2 {
 color: #CCFFCC;
 display:block;
 width: 125px;
 height: 25px;
 background-color: #35362F;
 float: left;
 font-family: arial;
 text-decoration:none;
 padding-top: 5px;
 padding-left: 5px;
}
a.menu2:hover {
 color: white;
 background-color: #999999;
}

En de HTML:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
   <title>
      Test.
   </title>
   <link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container">

<div id="mainmenu">
   <ul>
   <li><a class="menu" href="index.html">Home</a></li>
   <li><a class="menu" href="index.html">Portfolio</a></li>
   <li><a class="menu" href="index.html">Contact</a></li>
   <li><a class="menu" href="index.html">Links</a></li>
   <li><a class="menu" href="index.html">Gbook</a></li>
   <li><a class="menu2" href="index.html">Nieuws</a></li>
   </ul>
</div>
</div>
</body>
</html>

en de link:

www.ath92.nl/menutest

Ok, nogmaals bvd.

Nog eens geëdit: Dit probleem kwam eigenlijk pas doordat ik een aantal dingen van absolute heb gehaald, omdat hij anders niet goed meescalet met de tekst die erin staat. In Firefox bleef alles gewoon goed werken, maar in IE werd het ellende. Ik heb geprobeerd een aantal dingen weg te halen om te zien of het probleem daar lag, maar dat mocht neit baten. Op internet heb ik nog neit veel gezocht, omdat het probleem mijns inziens toch wel erg vreemd is...

[ Voor 89% gewijzigd door ath92 op 28-02-2008 11:37 ]

donderdag 28 februari 2008 11:32

Acties:

Bosmonster

*zucht*

Wat heb je zelf al geprobeerd? Want ik zie erg weinig styling op je ul/li om bijvoorbeeld extra marges uit te zetten onder andere browsers.

Als laatste valt me de vreemde manier van UL stylen op. De omliggende DIV is natuurlijk overbodig, maar hierdoor sla je ook nog een optie over in je CSS:

code:

1	#mainmenu ul, #submenu ul, #mainmenu ul li, #submenu ul li

werkt denk ik al een stuk beter ipv

code:

1	#mainmenu ul, #submenu ul li

Bijvoorbeeld, al vind ik het in zn geheel niet zo netjes om het maar in een div te gooien en dan alle styling op 1 hoop..

[ Voor 64% gewijzigd door Bosmonster op 28-02-2008 11:38 ]

donderdag 28 februari 2008 11:39

Acties:

ath92

Topicstarter

Oh bedankt! Dat lost het probleem in één keer op! Geweldig, was er zelf nooit opgekomen denk ik

vielen Dank (of zoiets)! Slotje $_/-\o_$ Edit: Nu ik het nog zo eens bekijk, is he ook wel een erg domme fout, gemaakt bij het copy-pasten

ik had gewoon #submenu nog een keer moeten veranderen in #mainmenu... Daar was ik eigenlijk (na heel lang kijken, ik he dat soort dingen vaak pas laat door, je denkt namelijk altijd dat alles wel goed zit want "eerst werkte het toch ook? "

) zelf ook wel uitgekomen... (blijkbaar meot ik toch maar eens een bril opzetten...

)

[ Voor 60% gewijzigd door ath92 op 28-02-2008 11:44 ]