Webwereld

[css&js] Waarom buggt de site in IE

Gestart doorJvdw36 reacties92 weergaven
Log in om mee te praten

37 berichten · pagina 2 van 3

Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Jvdw schreef:
Hmm, ik kan wel de js appart zetten, maar dan zieje geen layout bugg fenkik
Strip de layout totdat hij openbaar kan en de bug zichtbaar blijft.

of sla je zelf voor het hoofd, en plaats een topic in Aanvragen.
0
Jvdw

Lid · Topicstarter

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Uhm aan een screenshot hebje niet veel zeker?
0
Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
We moeten de code zien.....
0
Jvdw

Lid · Topicstarter

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Code + screenshot?
0
Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Lijkt me geen slecht idee...
0
Jvdw

Lid · Topicstarter

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Voor het toevoegen van dit

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="jquery-ui-1.8.20.custom.min.js"></script>
    <script>
    $(function() {
         $( #tabs ).tabs( { fx: { height: toggle, duration: slow } } );
    });
    </script>


Of beter gezgd deze demo http://jqueryui.com/demos/tabs/
Zag hij der zo uit:
Afbeelding
En nu zo:
Afbeelding
Ook heb ik de divjes toegevoegd die in de demo stondenthumbsup
0
Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Wat heb je dan allemaal aangepast totdat je het probleem kreeg?
0
Jvdw

Lid · Topicstarter

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
De tabs divs geplaatst denkik. Of het ligt aan de jscry
0
Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
Jvdw schreef:
De tabs divs geplaatst denkik. Of het ligt aan de jscry
Hier kunnen we niks mee, als je niet specifiek genoeg kan zijn. cry cryIk kap er mee..... **zucht**

Neem in godsnaam eens wat meer moeite om je probleem te omschrijven i.p.v. vaag te doen. Een glazen bol heb ik niet, omdat die bij de stomerij is, en in de sterren kunnen we je probleem niet zien, gezien Mars en Uranus niet vandaag op dezelfde lijn liggen.
0
Jvdw

Lid · Topicstarter

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Aarclay schreef:
Eerdere citaten tonen
Jvdw schreef:
De tabs divs geplaatst denkik. Of het ligt aan de jscry
Hier kunnen we niks mee, als je niet specifiek genoeg kan zijn. cry cryIk kap er mee..... **zucht**

Neem in godsnaam eens wat meer moeite om je probleem te omschrijven i.p.v. vaag te doen. Een glazen bol heb ik niet, omdat die bij de stomerij is, en in de sterren kunnen we je probleem niet zien, gezien Mars en Uranus niet vandaag op dezelfde lijn liggen.
Ikzeg toch...ik denk voor 99% dat het aan de jQeurytabs ligt.
0
Aarclay

Lid

Berichten
10.421
Reputatie
4
Punten
0,00
Lid sinds
Laatst gezien
En waarom denk je dat?
Wat heb je nou exact gedaan toen de fout optrad?

Je geeft geen openbaar linkje, je geeft een URL naar een link doe niet van jouw is, waar een demo op staat wat niet echt interessant om je bug te traceren, een screenshot die handig is, maar niet practisch kan worden gebruikt om je te helpen.

Wees nou gewoon eens wat specifieker, en niet met wazige one-line posts met ik denk dat....
0
Jeffreyy

Lid

Berichten
6.144
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dan moet je het zelf maar oplossen, je wilt onze help, maar wilt je code niet geven.
Dan moet je maar bij aanvragen gaan zoeken die je wel helpt, want wij kunnen zo niks.

Waarom ben je zo bang om je code te geven? Als je je website uiteindelijk online zet kunnen we hem toch alsnog zien.
0
Jvdw

Lid · Topicstarter

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
het probleem is dat hij nog niet online staatyummiemaar het ligt duidelijk aan de css, heb al de javascript eruit gehaald. En nog bugde de layout dus hier de css:
Spoiler tonen
html {
height: 100%; 
}
body {
background-image:url(http://habboemotion.com/resources/images/website_backgrounds/newbg.png);
background-repeat:repeat; 
font-family:"Tahoma",Verdana,Arial;
font-size: 11px; 
color: gray;
margin: 0;
height: 100%;
}
a {
font-weight:bold; 
color: gray;
text-decoration:none;
}
a:hover {
text-decoration:underline; }
table {
font-family:"Tahoma",Verdana,Arial;
font-size: 11px; 
color: gray;
 }
#site {
padding-left:20px;
padding-right:20px;
width:960px;
min-height:100%;
height:auto;
margin-bottom:-164px;
background-image:url(afbeeldingen/container.png);
}
#container {
width: 1000px;
height: 100%;
margin-left:auto;
margin-right:auto;
 }
#header {
background-image:url(afbeeldingen/header.png); 
width: 654px;
height: 124px;
margin: 10px;
float: left;
}
#slideshow {
background-image:url(afbeeldingen/slideshow.png);
width: 276px;
height: 124px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}
#titel {
background-image:url(afbeeldingen/titeltopklein.png); 
width: 258px; /* -18px door padding */
height: 15px; /* -9px door padding */
padding: 9px;
font-weight: bold;
color: white;
text-shadow: #666 1px 1px 0px;}
#titel2 {
background-image:url(afbeeldingen/titeltopgroot.png); 
width: 636px; /* -18px door padding */
height: 15px; /* -9px door padding */
padding: 9px;
font-weight: bold;
color: white;
text-shadow: #666 1px 1px 0px;}
#middenslideshow {
background-color:transparent;
height: auto;
width: 272px; /* -4px; door padding */
padding-left: 2px;
padding-right: 2px;
}
#middenprofiel {
background-image:url(afbeeldingen/middengroot.png); 
height: auto;
width: 650px; /* -4px; door padding */
padding-left: 2px;
padding-right: 2px;
}
#midden {
background-image:url(afbeeldingen/middenklein.png); 
height: auto;
width: 268px; /* -8px; door padding */
padding-right: 4px;
padding-left: 4px;
padding-bottom: 1px;
}
#midden2 {
background-image:url(afbeeldingen/middengroot.png); 
height: auto;
width: 646px; /* -8px; door padding */
padding-right: 4px;
padding-left: 4px;
padding-bottom: 1px;
}
#topstory {
background-color:transparent;
height: 89px;
width: 272px;
 }
#einde {
background-image:url(afbeeldingen/eindeklein.png);
width: 276px;
height: 2px; 
margin-bottom: 10px;
}
#einde2 {
background-image:url(afbeeldingen/eindegroot.png);
width: 654px;
height: 2px;
margin-bottom: 10px; 
}
#rechts {
width: 276px;
height: auto;
float:left; 
margin-left: 10px;
 }
#links {
width: 654px;
height: auto;
float: left; 
margin-left: 10px;
}
#profielbox {
float: left;
 }
#profielinformatie {
padding: 1px;
margin: 10px;
margin-top: 0;
width: 194px;
border: 1px solid #dcdcdc;
border-top: none;
height: auto;
background-color: white;
 }
#profieltekst {
color: gray;
margin: 3px;
 }
 #text {
 margin:50px auto; 
 width:500px
 }
.hotspot {
color:#900; 
padding-bottom:1px; 
border-bottom:1px dotted #900; 
cursor:pointer
}
#tt {
position:absolute; 
display:block; 
background:url(afbeeldingen/tt_left.gif) top left no-repeat;
}
#tttop {
display:block; 
height:5px; 
margin-left:5px; 
background:url(afbeeldingen/tt_top.gif) top right no-repeat; 
overflow:hidden;
}
#ttcont {
display:block; 
padding-right:3px; 
margin-left:5px; 
background:#666; 
color:#FFF
}
#ttbot {
display:block; 
height:5px; 
margin-left:5px; 
background:url(afbeeldingen/tt_bottom.gif) top right no-repeat; 
overflow:hidden;
}
#profieleigentekst {
color: gray;
padding: 1px;
margin-bottom: 10px;
width: 408px;
border: 1px solid #dcdcdc;
border-top: none;
height: auto;
background-color: white;
padding-right: 4px;
padding-left: 4px;
padding-bottom: 1px;
overflow:hidden;
 }
  #profielnaam2 {
width:50px; 
margin-top: -15px; 
margin-left: -10px;
height:60px; 
float:left;
margin-right: 6px;
}
#gastenboekeinde {
height: 1px;
background-color: #dcdcdc;
width: 100%;
margin-top: 4px;
}
#profielbadges {
padding: 1px;
margin-left: 10px;
width: 194px;
border: 1px solid #dcdcdc;
border-top: none;
height: auto;
background-color: white;
overflow:hidden;
 }
.badge {
width: 50px;
height: 50px;
float: left;  
margin: -1px;
}
#profielgastenboektekst {
color: gray;
padding: 1px;
margin-bottom: 10px;
width: 408px;
border: 1px solid #dcdcdc;
border-top: none;
max-height: 139px;
background-color: white;
padding-right: 4px;
padding-left: 4px;
padding-bottom: 1px;
overflow-y:scroll;
overflow-x:hidden;
 }
 #profieltop {
background-image:url(afbeeldingen/profieltop.png);
margin: 10px;
margin-bottom: 0;
width: 180px; /* -18px door padding */
height: 15px; /* -9px door padding */
padding: 9px;
font-weight: bold;
color: white;
text-shadow: #666 1px 1px 0px;
 }
#profieltop2 {
background-image:url(afbeeldingen/profieltop2.png);
margin-top: 10px;
width: 400px; /* -18px door padding */
height: 15px; /* -9px door padding */
padding: 9px;
font-weight: bold;
color: white;
text-shadow: #666 1px 1px 0px;
 }
#klikding {
cursor:pointer;
}
#footer {
margin-left:20px;
margin-right:20px;
margin-top: 20px;
background-image:url(afbeeldingen/footer.png);
width: 960px; 
height: 144px;
clear:both;
  }
.gb {
height: 26px;
} 
#menu {
padding: 9px;
font-weight: bold;
color: white;
text-shadow: #666 1px 1px 0px;
height: auto;
width: auto;
 }
 #nieuwseinde {
height: 1px;
border-top: 1px solid white;
background-color: #dcdcdc;
width: 100%;
margin-top: 4px;
}
#news .kop
      {
    font-family: Verdana;
    color: #FFFFFF;
    padding-top: 20px;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;

}
#news .tussentext
      {
    font-family: Verdana;
    color: #FFFFFF;
    padding-left: 10px;
    font-size: 11px;
}
#news a
      {
    font-family: Verdana;
    color: #FFFFFF;
    padding-left: 10px;
    font-size: 11px;
}
#auteurtekst {
margin-top: 5px;
float:left;
width:30%;
height:auto;
 }
 .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: pointer; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;color:white; }
.ui-tabs .ui-tabs-panel { display: block;background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
Geen fouten voor deze stijl, maar wel waarschuwingen:
Spoiler tonen
62 Dezelfde kleur en achtergrondkleur in twee contexten #profielbadges en #titel
62 Dezelfde kleur en achtergrondkleur in twee contexten #profieleigentekst en #titel
62 Dezelfde kleur en achtergrondkleur in twee contexten #profielgastenboektekst en #titel
62 Dezelfde kleur en achtergrondkleur in twee contexten #profielinformatie en #titel
70 Dezelfde kleur en achtergrondkleur in twee contexten #profielbadges en #titel2
70 Dezelfde kleur en achtergrondkleur in twee contexten #profieleigentekst en #titel2
70 Dezelfde kleur en achtergrondkleur in twee contexten #profielgastenboektekst en #titel2
70 Dezelfde kleur en achtergrondkleur in twee contexten #profielinformatie en #titel2
251 Dezelfde kleur en achtergrondkleur in twee contexten #profielbadges en #profieltop
251 Dezelfde kleur en achtergrondkleur in twee contexten #profieleigentekst en #profieltop
251 Dezelfde kleur en achtergrondkleur in twee contexten #profielgastenboektekst en #profieltop
251 Dezelfde kleur en achtergrondkleur in twee contexten #profielinformatie en #profieltop
261 Dezelfde kleur en achtergrondkleur in twee contexten #profielbadges en #profieltop2
261 Dezelfde kleur en achtergrondkleur in twee contexten #profieleigentekst en #profieltop2
261 Dezelfde kleur en achtergrondkleur in twee contexten #profielgastenboektekst en #profieltop2
261 Dezelfde kleur en achtergrondkleur in twee contexten #profielinformatie en #profieltop2
282 Dezelfde kleur en achtergrondkleur in twee contexten #profielbadges en #menu
282 Dezelfde kleur en achtergrondkleur in twee contexten #profieleigentekst en #menu
282 Dezelfde kleur en achtergrondkleur in twee contexten #profielgastenboektekst en #menu
282 Dezelfde kleur en achtergrondkleur in twee contexten #profielinformatie en #menu
297 Dezelfde kleur en achtergrondkleur in twee contexten #profielbadges en #news .kop
297 Dezelfde kleur en achtergrondkleur in twee contexten #profieleigentekst en #news .kop
297 Dezelfde kleur en achtergrondkleur in twee contexten #profielgastenboektekst en #news .kop
297 Dezelfde kleur en achtergrondkleur in twee contexten #profielinformatie en #news .kop
307 Dezelfde kleur en achtergrondkleur in twee contexten #profielbadges en #news .tussentext
307 Dezelfde kleur en achtergrondkleur in twee contexten #profieleigentekst en #news .tussentext
307 Dezelfde kleur en achtergrondkleur in twee contexten #profielgastenboektekst en #news .tussentext
307 Dezelfde kleur en achtergrondkleur in twee contexten #profielinformatie en #news .tussentext
314 Dezelfde kleur en achtergrondkleur in twee contexten #profielbadges en #news a
314 Dezelfde kleur en achtergrondkleur in twee contexten #profieleigentekst en #news a
314 Dezelfde kleur en achtergrondkleur in twee contexten #profielgastenboektekst en #news a
314 Dezelfde kleur en achtergrondkleur in twee contexten #profielinformatie en #news a
329 Dezelfde kleur en achtergrondkleur in twee contexten #profielbadges en .ui-tabs .ui-tabs-nav li a
329 Dezelfde kleur en achtergrondkleur in twee contexten #profieleigentekst en .ui-tabs .ui-tabs-nav li a
329 Dezelfde kleur en achtergrondkleur in twee contexten #profielgastenboektekst en .ui-tabs .ui-tabs-nav li a
329 Dezelfde kleur en achtergrondkleur in twee contexten #profielinformatie en .ui-tabs .ui-tabs-nav li a
329 Dezelfde kleur en achtergrondkleur in twee contexten #profielbadges en .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
329 Dezelfde kleur en achtergrondkleur in twee contexten #profieleigentekst en .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
329 Dezelfde kleur en achtergrondkleur in twee contexten #profielgastenboektekst en .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
329 Dezelfde kleur en achtergrondkleur in twee contexten #profielinformatie en .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
zouden die waarschuwingen erg zijn?sadley
0
Jeffreyy

Lid

Berichten
6.144
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
En de HTML?
0
Jvdw

Lid · Topicstarter

Berichten
4.321
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
47 Errors
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren