Firefox probleem scrol

RiiCk · 14 December 2009

hallo,

ik zit met een probleempje eigenlijk wou ik de link niet vrij geven maar goed het moet wel. Heb vandaag de nieuwe lay-out geïnstalleerd voor me verkoop project maar, nu heb ik een probleem met Firefox.

http://www.major-crime.eu/major-crime/

Zoals de Firefox mensen zien moet je van links naar rechts scrollen de hele tijd. Bij internet Explorer daarin tegen is dat probleem er niet.

opmaak.css

PHP

/**
 * .CSS Gemaakt door http://www.lhmedia.nl check de site voor meer informatie!
 */
html {
background-color: #0a0a0a;
}
body
{
font-family: Arial;
width: 865px;
margin: 0px auto;
}
div#menu_b_l
{
margin-top: 10px;
background-image: url('images/layout/menu_b.png');
background-repeat: no-repeat;
width: 865px;
height: 31px; 
}
div#header
{
background-image: url('images/layout/header.png');
background-repeat: no-repeat;
width: 864px;
height: 136px; 
margin-left: 1px;
}
ul#menu_b
{ 
padding: 0px; 
margin: 0px;
list-style: none; 
width: 605px;
height: 31px;
background: transparent;
text-align: center;
overflow: hidden;
float: left;
}
ul#menu_b li 
{ 
height: 31px;
float:left;		
} 
ul#menu_b li a 
{ 
display: block;  
font-family: Arial; 
color: #d9c49d; 
font-size: 11px; 
text-align: center;
text-decoration: none; 
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
border: 0px;
}
ul#menu_b li a:hover
{ 
height: 31px;
background-color: #a78e6c;
text-decoration: underline; 
}
ul#menu_b li a:active
{ 
border: 0px;
}
div#menu_r
{
width: 200px;
height: 31px;
float: right;
text-align: right;
padding-top: 7px;
}
span.welkom
{
color: #180703;
font-family: Arial;
font-size: 11px;
}
span.loguit
{
color: #dbbb88;
font-family: Arial;
font-size: 11px;
text-decoration: underline;
}
div#berichtenbalk
{
background-image: url('images/layout/berichten_bg.png');
background-repeat: no-repeat;
width: 864px;
height: 34px;
margin: 0px auto;
}
span.b_naam
{
color: #af9568;
font-family: Arial;
font-size: 11px;
}
span.b_bericht
{
color: #cbcbcb;
font-family: Arial;
font-size: 11px;
}
div#berichtenbalk_b
{
width: 754px;
height: 34px;
float: left;
}
span.b_plaats
{
padding-top: 5px;
color: #af9568;
font-family: Arial;
font-size: 11px;
float: right;
text-align: right;
}


div#container
{
background: transparent;
width: 865px;
overflow: hidden;
}
div#links
{
background: transparent;
width: 159px;
float: left;
overflow: hidden;
margin-top: 10px;
}
.menu_boven
{
margin-top: 10px;
background-image: url('images/layout/menu_boven.png');
background-repeat: no-repeat;
width: 158px;
height: 26px;
padding-top: 9px;
padding-left: 5px;
color: #d9c49d;
font-family: Arial;
font-size: 16px;
font-weight: bold;
}


.icon
{
float: right;
width: 22px;
height: 22px;
margin: 0px;
padding-right: 7px;
}
.menu_onder
{
background-image: url('images/layout/menu_onder.png');
width: 158px;
height: 5px;
margin-left: 1px;
}
.menu_1
{
background: transparent;
width: 159px;
overflow: hidden;
}
ul.menu
{ 
background-color: #c7b69b;  
float:left;		
width: 159px;
text-decoration: none; 		
list-style: none; 
overflow: hidden;  
margin: 0px;
padding: 0px;  
margin-left: 1px;
font-size: 13px;
}	
ul.menu li 
 { 		
background: transparent;
height: 23px;
}
ul.menu li a
{
width: 159px;
  height: 23px;
  background : transparent;
  float: left;
  display: block;
  color: #948670;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  font-family: Arial;
  font-weight: none;
  padding-left: 10px;
  padding-top: 3px;
}
ul.menu li a:hover
{
background: url('images/layout/li_a_hover.png');
background-repeat: no-repeat;
height: 23px;
width: 158px;
}


div#midden
{
background: transparent;
width: 530px;
float: left;
overflow: hidden;
margin-top: 10px;
margin-left: 7px;
}
.midden_boven
{
margin-top: 10px;
background-image: url('images/layout/midden_boven.png');
background-repeat: no-repeat;
width: 530px;
height: 37px;
padding-top: 9px;
padding-left: 5px;
color: #d9c49d;
font-family: Arial;
font-size: 16px;
font-weight: bold;
}
.midden_tekst
{
width: 524px;
overflow: hidden;
border: 1px solid #1d1a18;
font-family: Arial;
color: #594e3b;
font-size: 11px;
padding-left: 2px;
padding-right: 2px;
}
a
{
font-family: Arial;
color: #8d7a5b;
font-size: 11px;
}
div#rechts
{
float: right;
overflow: hidden;
margin-top: 10px;
}


ul#menu_onder
{ 
padding: 0px; 
margin-top:15px;
list-style: none; 
width: 530px;
background: transparent;
text-align: center;
overflow: hidden;
float: left;
}
ul#menu_onder li 
{ 
height: 50px;
float:left;		
} 
ul#menu_onder li a 
{ 
display: block;  
font-family: Arial; 
color: #3d3732; 
font-size: 11px; 
text-align: center;
border: 0px;
padding-left: 20px;
}
ul#menu_onder li a:hover
{ 
padding-top: 10px;
color: #6b635c;
}
.link
{
height: 23px;
width: 158px;
}
.link a
{
height: 23px;
width: 158px;
color: #948670;
text-decoration: none;
padding-left: 10px;
}
.link a:hover
{
background: url('images/layout/li_a_hover.png');
}

Toon Meer

home.php:

PHP

<html>
<head>
<title>Major-Crime</title>
<link rel="stylesheet" type="text/css" href="opmaak.css">
</head>
<body>


<table width="100%" border="0" align="center" cellpadding="1"  cellspacing="1">
<tr><td class="midden_tekst">
<font color="lime"><b>Major-Crime || Informatie</b></font><br>
Welkom crimineel op Major-Crime.eu<br>
Major-Crime.eu is één van de uitgebreidste games over het internet!<br>
Hier kunt u van alles beginnen, zoveel keuzes je zult denken waar te beginnen!<br>
Op een bepaald moment zal je worden gevraagd voor een famillie en kan je je famillie helpen,<br>
Of koop je je eigen casino plekje? Je kan mij Major-Crime echt alle kanten op,<br>
Word jij die crimineel die door iedereen gerespecteerd word,<br>
<a href=signup.php>Meld je dan nu aan!<a>
</td></tr>
 
<tr><td class="midden_tekst">
<font color="lime"><b>Major-Crime || Updates</b></font><br>
Dat Major-Crime een uitgebreide game is dat is al zeker! Maar wij beloven een nog grotere game!<br>
vandaar dat we wekelijks wel weer wat nieuws hebben! Bijvoorbeeld: <br>
een extra misdaad of een nieuwe lay-out? <br>
nieuwe familie opties! of gewoon opties voor leden <br>
we hopen dat we iedereen zo tevreden houden. <br>
</td></tr>
 
<tr><td class="midden_tekst">
<font color="lime"><b>Major-Crime || Reset & Prijzen</b></font><br>
De 1e ronde van major-crime is begonnen op <b>20 November 2009</b> en zal eindigen op <b>31 februari 2010!</b><br>
Omdat we weten dat vele leden tog wel voor de prijzen spelen hebben we deze prijzen voor u!<br>
<b>1e.</b> krijgt een <b>geld bedrag</b> van <b>200,- euro</b>! & een <b>betaald account</b>!!<br>
<b>2e.</b> krijgt een <b>geld bedrag</b> van <b>150,- euro</b>! & een <b>betaald account</b>!!<br>
<b>3e.</b> krijgt een <b>geld bedrag</b> van <b>100,- euro</b>! & een <b>betaald account</b>!!
</td></tr></table>
 
</html>

Toon Meer

Jannick · 14 December 2009

Denk dat het is omdat je het dubbel uitvoerd. Waarom niet de class in een div zetten (die midden_tekst die nu in <td> staat), en dan bij tabel gewoon 100%? Want je doet het volgens mij dubbel, de tabel 100% en dan de td (waarom trouwens dat veld?) nog 5** pixels..

RiiCk · 14 December 2009

Script aangepast zoals hier boven ongeveer maar nog steeds probleem

Jannick · 14 December 2009

Kun je de width: 524px; niet veriwjderen uit je css bij tekst_midden?

webdam-x · 14 December 2009

Je kan het met CSS doen, maar of dat hetgeen is wat je wilt:

PHP

overflow-x: hidden;

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Plesk installer

cpanel / whm themes

PHP Point of Sale

Probleem omtrent Tinymce

Kunnen jullie mij helpen met deze enquete

een eigen cloud sever

Probleem C++ en CL

193 Nieuwe domeinnamen April 2025

228 Nieuwe domeinnamen Maart 2025

285 Nieuwe domeinnamen Februari 2025

Firefox probleem scrol

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen

Gebruikers die dit topic bekijken