PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

gekloot met dat *** IE met tabel

Door - - op 04-08-2006 15:51
1.217 views
Hallo,

Ik heb zo'n gekloot met ie, neem dit:
ik heb ene tabel in een div gepleurd, geef ik netjes een breedte op en ie verneukt mn hele lay. Kijk maar eens:

in ie

in ff
Het gaat om het menu. Dit is de broncode van het menu:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
		<title>LandArt Projecten bij Events - voor kinderen en volwassenen</title>
		<link href="css.css" type="text/css" rel="stylesheet" />
	</head>

	<body>

		<div id="menu">
	<table width="180" height="90">
		<tr>
			<td id="menu1" class="knopout" onclick="parent.window.main.location='pags.php?id=voorbeeldproject'" onmouseover="document.getElementById(this.id).className='knopover'" onmouseout="document.getElementById(this.id).className='knopout'" height="30">Voorbeeldproject</td>
		</tr>
		<tr>
			<td id="menu2" class="knopout" onclick="parent.window.main.location='pags.php?id=contact'" onmouseover="document.getElementById(this.id).className='knopover'" onmouseout="document.getElementById(this.id).className='knopout'" height="30">Contact</td>
		</tr>

		<tr>
			<td id="menu3" class="knopout" onclick="parent.window.top.location='/'" onmouseover="document.getElementById(this.id).className='knopover'" onmouseout="document.getElementById(this.id).className='knopout'" height="30" height="0">Home</td>
		</tr>
	</table>
</div>
	</body>

</html>

css.css

body{
	background-color: #4E4545;
	font-family: Verdana;
	color: #969696;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}
.knopout{
	height: 30px;
	width: 180px;
}
.knopover{
	background-color: #969696;
	color: #4E4545;
	cursor: hand;
	height: 30px;
	width: 180px;
}
#menu{
	position: absolute;
	top: 50%;
	bottom: 50%;
	margin-top: -45px;
	margin-bottom: -45px;
	width: 180px;
	height: 90px;
}

Voorbeeld: http://www.landartprojects.com/

Snapt iemand dit???
ik heb al van alles geprobeerd, maar niets wil...

greatzz,
jonathan
[edit]url[/edit]
Jan Koehoorn
04-08-2006 15:58
Verander het menu deel van je CSS eens in:

#menu{
    float: left;
    width: 180px;
    margin-top: 200px;
}
- -
04-08-2006 16:00
maar dan is het menu niet in het midden (y-as)
Jan Koehoorn
04-08-2006 16:02
Wil je het menu altijd in het midden van je schermhoogte of van je documenthoogte?
- -
04-08-2006 16:02
documenthoooooogte
- -
04-08-2006 16:03
combi wil ook nie

#menu{
	float: left;
	position: absolute;
	top: 50%;
	bottom: 50%;
	margin-top: -45px;
	margin-bottom: -45px;
	width: 180px;
	height: 90px;
}
Jan Koehoorn
04-08-2006 16:03
En als je document nou drie schermen lang wordt? Dan valt je menu buiten de viewport.
- -
04-08-2006 16:04
kan nie, het is een frame, en dit is het enige wat erin staat
Jan Koehoorn
04-08-2006 16:06
Maar luister, je bent met CSS bezig nu. En dan heb je toch nog een tabel en een frame op je pagina???
- -
04-08-2006 16:08
Ik ben me in divs aan het verdiepen, maar ik had al een site met de goede lay etc, dus die heb ik gekopieeerd, en aangepast. want ie moet vandaag af, dus die divs kunnen wel even wachten

Reageren

Inloggen om te reageren