[opgelost] browser / besturingsprobleem verschillen

[macvork]

zo ziet het er soms uit

zo zou het eruit moeten zien

Er zit dus een verschil in browsers maar ik weet niet hoe ik dit kan oplossen... moet denk met een fix maar ik weet niet welke en waar ik die zou moeten kunnen vinden.

het gaat om de site kroontekst.nl

[mcDavid]

Hier kunnen we helemaal niets mee. Als je hulp wilt moet je op zijn minst met een beetje info komen.

[Rolf]

Een bereikbare website kroontekst.nl zou wel handig zijn...
Is de website W3c valid?

[macvork]

Beste Rolf, de site heb ik laten controleren bij W3c en is prima... McDavid, ik zal hierover even de CSS zetten die voor de wat pagina gebruikt wordt:

#menu .menuactive {
text-decoration: underline;
}

/* begin container */

#container {
position: relative;
height: 768px;
width: 1024px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
background-color: #FFF;
background-image: url([[root_url]]/afbeeldingen/grijze_letters.png);
background-position: right center;
background-repeat: no-repeat;
}

/* einde container */
/* begin kleurenbalk */

#kleurenbalk{
float: left;
height: 768px;
width: 341px;
position: relative;
background-color: #00AAA4;
background-image: url([[root_url]]/afbeeldingen/witte_letters.png);
background-repeat: no-repeat;
background-position: left center;
}

/* einde kleurenbalk */
/* begin menuopmaak */


#menu{

color: #00AAA4;

float: right;
list-style: none;
height: 352px;
width: 226px;
position: relative;
background-color: #FFF;
top: 155px;
padding-right: 5px;
text-align: right;

}

#menu ul {
/* remove any bullets */
list-style: none;
}

.wie {color:#7CB32E;}
.wat {color:#00AAA4;}
.waarover {color:#63C6EB;}
.waardering {color:#ED8120;}
.contact {color:#655B9D;}


#menu a:link, a:visited {
font-size:30px;
font-family:"BellMTBold";
font-weight:normal;
line-height:60px;
text-align: right;
letter-spacing: 3px;
text-decoration: none;
}


#menu a:hover {
text-decoration: underline;
font-size:30px;
font-family:"BellMTBold";
font-weight:normal;
line-height:60px;
text-align: right;
letter-spacing: 3px;
}

#menu a:active {
text-decoration: underline;
font-size:30px;
font-family:"BellMTBold";
font-weight:normal;
line-height:60px;
text-align: right;
letter-spacing: 3px;
}

/* einde menuopmaak */
/* begin tekstwissels */

#wissel{
float: left;
height: 338px;
width: 496px;
position: relative;
background-color: #E8E8E9;
top: 84px;
padding: 7px;
overflow-y: none;
}

strong {
color:#00AAA4;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:18px;
vertical-align: top;
}


/* einde tekstwissels */
/* begin logo kroontekst div */

#logo_kroontekst{
float: left;
height: 61px;
width: 320px;
position: relative;
background-color: #FFF;
top: 20px;
padding: 5px;
left: 15px;
}

/* einde logo kroontekst div */
/* begin home div */

#logo_home{
height: 30px;
width: 75px;
position: relative;
background-color: #FFF;
top: 625px;
padding: 5px;
float: right;
right: 160px;
}

/* einde home div */
/* begin contact div */

#tekst_contact {
position:absolute;
width:333px;
height:24px;
z-index:1;
left: 355px;
top: 712px;
background-color: #FFFFFF;
}

/* einde contact div */
/* begin plattetekst */

.plattetekst {
color:#000;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:18px;
vertical-align: top;
}

/* einde plattetekst */
/* begin submenu in wat */

.subtekst {
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:18px;
vertical-align: top;
color: #00AAA4;
}

/* einde submenu in wat */
/* begin onderste contact regel */


#tekst_contact a:link {
color: #655B9D;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: bold;
}



#tekst_contact a:hover {
color: #078E85;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: bold;
}

/* einde onderste contact regel */

/* begin linkopmaak */

#wissel a:link, a:visited {
text-decoration: none;
color: #00AAA4;
font-weight: bold;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align: top;

}

#wissel a:hover {
text-decoration: none;
color: #655B9D;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align: top;
}
#wissel a:active {
text-decoration: underline;
color: #00AAA4;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align: top;
}

a:link {text-decoration: none;}

a img {
text-decoration: none;
border: 0 none;
}

/* einde linkopmaak */

Het gebied waar de tekst wisselt heeft "wissel". Ik ben erg benieuwd of iemand wat vreemds kan ontdekken....

[timdebuurman]

Die eerste, foute, in welke browser was dat?

[macvork]

ik weet het niet 100% zeker want een klant stuurde dat naar me maar volgens mij zei ze fire-fox op een pc

[Jos]

Als ik zo even kijk gaat het in Firefox (11.0) goed, maar fout in Chrome en IE8

De fout lijkt zich te beperken tot de pagina "Wat", waar als enige van alle pagina's een submenu is te zien.

Ik vermoed dat de opmaak van dat submenu roet in het eten gooit??

Bovendien zie ik daar een

Code: Select all

<a class="subtekst" href=""><br /><br /></a>

staan... wat voor functie heeft dat?

[timdebuurman]

probeer in de stylesheet dit:

#menu a:link, a:visited {

te veranderen in dit:

#menu a:link, #menu a:visited {

[macvork]

Helden van het Forum,

Jos, ik heb geen idee waarom dat daar stond, heb het verwijderd en er veranderd niets, kortom overbodig!

Tim, Ik heb het menu aangepast op die plek en het lijkt te werken. Daarom mijn vraag aan alle forumleden, wilt u kijken of het nu wel goed gaat?

Jos, ik heb Chrome gedownload op de mac en dat ziet er na de aanpassing goed uit, bij u nu ook?

CMS Made Simple kan nooit zo een succes worden zonder de helden van het forum!!!

[Jos]

Volgens mij is het helemaal goed nu