IE wel gecentreerd, Firefox niet

Status
Niet open voor verdere reacties.
K

Kwaeckenrode

Gebruiker
Lid geworden
16 nov 2008
Berichten
10
Ben ik weer;)


Waarom centreert IE m'n website wel en Firefox niet?

Code:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-us" http-equiv="Content-Language">
<style type="text/css">
.style1 {
	border-collapse: collapse;
	border-width: 0;
	background-color: #FFFFFF;
}
.style2 {
	white-space: nowrap;
}
</style>
</head>

<center>
<body style="background-image: url('Achtergrond.png'); background-attachment: fixed">
	<table class="style1" style="width: 100%">
		<tr>
			<td><img height="142" src="lol.png" width="980" /></td>
		</tr>
		<tr>
			<td><img height="23" src="Home.png" width="140" /><img height="23" src="Over%20ons.png" width="140" /><img height="23" src="Diensten.png" width="140" /><img height="23" src="Onroerend%20goed.png" width="140" /><img height="23" src="Keurmerken.png" width="140" /><img height="23" src="Contact.png" width="140" /><img height="23" src="Links.png" width="140" /></td>
		</tr>
		<tr>
			<td class="style2"><br><br><br><br><br><br><br><br></td>
		</tr>
		<tr>
			<td><img height="23" src="Home.png" width="140" /><img height="23" src="Over%20ons.png" width="140" /><img height="23" src="Diensten.png" width="140" /><img height="23" src="Onroerend%20goed.png" width="140" /><img height="23" src="Keurmerken.png" width="140" /><img height="23" src="Contact.png" width="140" /><img height="23" src="Links.png" width="140" /></td>
		</tr>
	</table>
</center>

Gemaakt met MEW3
 
Laatst bewerkt door een moderator:
je <body> tags worden nergens gesloten

probeer deze eens:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-us" http-equiv="Content-Language">
<style type="text/css">
.style1 {
border-collapse: collapse;
border-width: 0;
background-color: #FFFFFF;
}
.style2 {
white-space: nowrap;
}
</style>
</head>

<center>
<body style="background-image: url('Achtergrond.png'); background-attachment: fixed">
<table class="style1" style="width: 100%">
<tr>
<td><img height="142" src="lol.png" width="980" /></td>
</tr>
<tr>
<td><img height="23" src="Home.png" width="140" /><img height="23" src="Over%20ons.png" width="140" /><img height="23" src="Diensten.png" width="140" /><img height="23" src="Onroerend%20goed.png" width="140" /><img height="23" src="Keurmerken.png" width="140" /><img height="23" src="Contact.png" width="140" /><img height="23" src="Links.png" width="140" /></td>
</tr>
<tr>
<td class="style2"><br><br><br><br><br><br><br><br></td>
</tr>
<tr>
<td><img height="23" src="Home.png" width="140" /><img height="23" src="Over%20ons.png" width="140" /><img height="23" src="Diensten.png" width="140" /><img height="23" src="Onroerend%20goed.png" width="140" /><img height="23" src="Keurmerken.png" width="140" /><img height="23" src="Contact.png" width="140" /><img height="23" src="Links.png" width="140" /></td>
</tr>
</table>
</body>
</center>
 
rohan2812 zei:
je <body> tags worden nergens gesloten

probeer deze eens:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-us" http-equiv="Content-Language">
<style type="text/css">
.style1 {
border-collapse: collapse;
border-width: 0;
background-color: #FFFFFF;
}
.style2 {
white-space: nowrap;
}
</style>
</head>

<center>
<body style="background-image: url('Achtergrond.png'); background-attachment: fixed">
<table class="style1" style="width: 100%">
<tr>
<td><img height="142" src="lol.png" width="980" /></td>
</tr>
<tr>
<td><img height="23" src="Home.png" width="140" /><img height="23" src="Over%20ons.png" width="140" /><img height="23" src="Diensten.png" width="140" /><img height="23" src="Onroerend%20goed.png" width="140" /><img height="23" src="Keurmerken.png" width="140" /><img height="23" src="Contact.png" width="140" /><img height="23" src="Links.png" width="140" /></td>
</tr>
<tr>
<td class="style2"><br><br><br><br><br><br><br><br></td>
</tr>
<tr>
<td><img height="23" src="Home.png" width="140" /><img height="23" src="Over%20ons.png" width="140" /><img height="23" src="Diensten.png" width="140" /><img height="23" src="Onroerend%20goed.png" width="140" /><img height="23" src="Keurmerken.png" width="140" /><img height="23" src="Contact.png" width="140" /><img height="23" src="Links.png" width="140" /></td>
</tr>
</table>
</body>
</center>
Klik om te vergroten...

Helaas, ook dit werkt niet
 
Eerst en vooral de body kan je niet centeren de body is de groote van je scherm, in dat scherm kan je iets centreren. U centreerd uw body
<center>
<body style="background-image: url('Achtergrond.png'); background-attachment: fixed">
Klik om te vergroten...
U moet gewoon uw table centreren
<table width="100%" align="center">
Klik om te vergroten...
En nog iets U geeft uw table een width van 100%. Dat is ook de gehele breedte van uw scherm.
Mvg
Defietser
 
Verplaatst Websties maken > algemene vragen ---->>> Programmeren > CSS.
 
Hoi Kwaeckenrode,
Waarom werkt het niet? Even samengevat:
  • de 100% breedte van de tabel,
  • <center> is afgekeurde (deprecated) html,
  • align="center" is ook afgekeurd.
Centreren van een element gaat tegenwoordig met css:
Code: 
[FONT="Courier New"]... { margin: 0 auto; }[/FONT]
d.w.z. boven en beneden géén tussenruimte, en links en rechts automatisch (d.w.z. evenveel).
Met vriendelijke groet,
CSShunter

PS:
de body kan je niet centeren
Klik om te vergroten...
Toch wel! Zo nodig kan ook de <body> zelf gecentreerd worden, op dezelfde manier:
En zelfs de <html> kan gecentreerd worden! ;)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan