Page 1 of 1

[opgelost] browser / besturingsprobleem verschillen

Posted: Wed Mar 21, 2012 2:43 pm
by macvork
zo ziet het er soms uit
zo ziet het er soms uit
>:(
zo zou het eruit moeten zien
zo zou het eruit moeten zien
;D

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

Re: browser / besturingsprobleem verschillen

Posted: Wed Mar 21, 2012 5:31 pm
by mcDavid
Hier kunnen we helemaal niets mee. Als je hulp wilt moet je op zijn minst met een beetje info komen.

Re: browser / besturingsprobleem verschillen

Posted: Wed Mar 21, 2012 6:15 pm
by Rolf
Een bereikbare website kroontekst.nl zou wel handig zijn...
Is de website W3c valid?

Re: browser / besturingsprobleem verschillen

Posted: Wed Mar 21, 2012 6:24 pm
by 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....

Re: browser / besturingsprobleem verschillen

Posted: Wed Mar 21, 2012 7:13 pm
by timdebuurman
Die eerste, foute, in welke browser was dat?

Re: browser / besturingsprobleem verschillen

Posted: Wed Mar 21, 2012 8:44 pm
by macvork
ik weet het niet 100% zeker want een klant stuurde dat naar me maar volgens mij zei ze fire-fox op een pc

Re: browser / besturingsprobleem verschillen

Posted: Wed Mar 21, 2012 9:10 pm
by 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?

Re: browser / besturingsprobleem verschillen

Posted: Wed Mar 21, 2012 10:18 pm
by timdebuurman
probeer in de stylesheet dit:

#menu a:link, a:visited {

te veranderen in dit:

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

Re: browser / besturingsprobleem verschillen

Posted: Thu Mar 22, 2012 5:22 am
by 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!!!

Re: browser / besturingsprobleem verschillen

Posted: Thu Mar 22, 2012 10:23 am
by Jos
Volgens mij is het helemaal goed nu