Ik ben bezig met een site maar stuit alsmaar op een probleem dat er een css 1px naar links zit tegenover de andere. Ik heb het al met een even en ovengetal van breedte geprobeerd maar dan werden de zaken omgedraaid (1px naar links in IE vs. 1px naar links in FF)
Dit is de html:
Voorbeeld: http://ghbs.host.sk (met nare banners
)
Dit is de html:
code:
en dit is de css:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"></div>
<div id="container"><div id="inhoud">
{inhoud}</div></div>
</body>
</html> |
code:
1
2
3
4
5
6
7
8
9
10
11
12
| /* body */
* { margin:0; padding:0; }
body { text-align:center; background-image:url(images/bg.jpg); margin:0; padding:0; }
body tr, td, input, select, textarea {background-image:url(images/bg.jpg) background-repeat:repeat-x; padding:0; margin:0; overflow:auto; text-align:center; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif; font-size:10pt; line-height:14pt; color:#941C01;voice-family:inherit; font-size:small;}
td, td {
font-szie:100%;}
#header {
background:url(images/header1.jpg) repeat-y 50% 0; position:relative; height:175px; z-index:2; width:100%;}
#container {
background-image:url(images/wrapper.jpg); background-repeat:repeat-y; width:861px; display:table; margin: 0 auto; text-align:left; z-index:1;}
#inhoud {
padding-left:25px; padding-right:25px; text-align:left} |
Voorbeeld: http://ghbs.host.sk (met nare banners
)
[ Voor 12% gewijzigd door Ewald ! op 09-10-2005 11:22 ]
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
