Nieuw lid |
|
oke maar kijk naar deze website ff heb daar die layout ff geupload:
website
bekijk ze in FF en IE7
is er geen andere manier om die layout zo te zetten dat die menu balk in allebei hetzelfde is?
Ik ging nog ff door en als jullie eenmaal naar die website kijken zullen jullie zien dat het nu helemaal gek doet die IE7 ik snap er nix meer van.
Dit is de css:
/****************************************
Auteur: Sunil Kisoensingh
Website: http://www.remixfactory.nl
Copyright: 2008 Alle Rechten Voorbehouden
*****************************************/
* {
margin: 0;
padding: 0;
}
body {
background: #fff url('img/bg.gif');
font-family: Tahoma;
font-size: 12px;
color: #212121;
text-align: center;
}
.wrapper {
background-color: #fff;
border: 1px solid #333;
min-height: 860px;
width: 760px;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}
* html .wrapper {
height: 860px;
}
.header {
background-color: #eee;
height: 100px;
width: 760px;
border-bottom: 1px solid #333;
text-align: left;
}
.menu {
background-color: #3399cc;
height: 24px;
width: 760px;
border-bottom: 1px solid #333;
text-align: center;
color: #fff;
padding-top: 4px;
}
a:link, a:visited {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
.zoeken {
background-color: #eee;
height: 35px;
width: 760px;
border-bottom: 1px solid #333;
text-align: right;
color: #000000;
}
.nieuws {
background-color: #fff;
height: 150px;
width: 400px;
border: 1px solid #333;
text-align: left;
margin-top: 5px;
margin-left: 5px;
color: #000000;
}
.nieuwsb {
background-color: #eee;
height: 20px;
width: 400px;
border-bottom: 1px solid #333;
text-align: left;
}
.nieuwst {
margin-top: 5px;
margin-left: 5px;
}
.video {
float: right;
background-color: #fff;
height: 300px;
width: 340px;
border: 1px solid #333;
text-align: center;
margin-top: 5px;
margin-left: 10px;
margin-right: 5px;
}
.uploaden {
background-color: #fff;
height: 145px;
width: 400px;
color: #000000;
text-align: center;
margin-top: 5px;
margin-left: 5px;
border: 1px solid #333;
}
/**************************************** Auteur: Sunil Kisoensingh Website: http://www.remixfactory.nl Copyright: 2008 Alle Rechten Voorbehouden *****************************************/ * { margin: 0; padding: 0; } body { background: #fff url('img/bg.gif'); font-family: Tahoma; font-size: 12px; color: #212121; text-align: center; } .wrapper { background-color: #fff; border: 1px solid #333; min-height: 860px; width: 760px; margin: auto; margin-top: 10px; margin-bottom: 10px; text-align: left; } * html .wrapper { height: 860px; } .header { background-color: #eee; height: 100px; width: 760px; border-bottom: 1px solid #333; text-align: left; } .menu { background-color: #3399cc; height: 24px; width: 760px; border-bottom: 1px solid #333; text-align: center; color: #fff; padding-top: 4px; } a:link, a:visited { color: #ffffff; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } .zoeken { background-color: #eee; height: 35px; width: 760px; border-bottom: 1px solid #333; text-align: right; color: #000000; } .nieuws { background-color: #fff; height: 150px; width: 400px; border: 1px solid #333; text-align: left; margin-top: 5px; margin-left: 5px; color: #000000; } .nieuwsb { background-color: #eee; height: 20px; width: 400px; border-bottom: 1px solid #333; text-align: left; } .nieuwst { margin-top: 5px; margin-left: 5px; } .video { float: right; background-color: #fff; height: 300px; width: 340px; border: 1px solid #333; text-align: center; margin-top: 5px; margin-left: 10px; margin-right: 5px; } .uploaden { background-color: #fff; height: 145px; width: 400px; color: #000000; text-align: center; margin-top: 5px; margin-left: 5px; border: 1px solid #333; }
Dit is de html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>RemixFactory: De Jongste Muziek Site Van Nederland...</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div class="wrapper">
<div class="header"></div>
<div class="menu"><strong><a href="index.php">Home</a></strong></div>
<div class="zoeken"></div>
<div class="video"></div>
<div class="nieuws">
<div class="nieuwsb"><font class="nieuwst"><strong>Nieuws</strong></font></div>
</div>
<div class="uploaden"></div>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <title>RemixFactory: De Jongste Muziek Site Van Nederland... </title> <link rel="stylesheet" type="text/css" href="style.css"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Ik heb dat tweede probleem opgelost maar ik ben nog steeds benieuwd als ik niet iets kan doen om de layout in FF als in IE hetzelfde te laten uitzien zonder kleine afwijkingen enz. |