aibo
Mitglied
Wieso wird in IE 6 der Button des W3C mit einem Rahmen versehen? Opera tut das z.B nicht...
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html><head><title>3 Spalten Layout mit CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
@import "all.css";
body {
text-align:center;
}
#frame {
width:650px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
}
#contentleft {
width:175px;
padding:0px;
float:left;
background:#ccff00;
}
#contentcenter {
width:300px;
padding:0px;
float:left;
background:#eee;
}
#contentright {
width:175px;
padding:0px;
float:left;
background:#ccff00;
}
#contentheader {
background:#fff
}
p,h1 {
margin:0px 10px 10px 10px;
}
h1 {
font-size:14px;
padding-top:10px;
}
#contentheader h1 {
font-size:14px;
padding:10px;
margin:0px;
}
#contentright p { font-size:10px}
</style>
</head><body>
<div id="frame">
<div id="contentheader">
<h1><a href="#">CSS Layout</a>: 3 Spalten</h1>
</div>
<div id="contentleft">
<h1>Überschrift</h1>
<p>Das ist nur ein
Probetext. Das ist<br />nur ein Probetext.<br /><br />Das ist nur ein
Probetext. Das ist<br />nur ein Probetext.<br /><br />Das ist nur ein
Probetext. Das ist<br />nur ein Probetext.<br /><br /></p>
</div>
<div id="contentcenter">
<h1>Überschrift</h1>
<p>Das ist nur ein Probetext. Das ist nur ein Probetext.Das ist nur ein Probetext. Das ist nur ein
Probetext. Das ist nur ein Probetext.<br />
Das ist nur ein Probetext. Das ist nur ein Probetext.<br />
<br />Das ist nur ein Probetext. Das ist nur ein Probetext.Das ist nur ein Probetext. Das ist<br />
nur ein Probetext.<br />
<br />Das ist nur ein Probetext. Das ist<br />
nur ein Probetext. Das ist nur ein Probetext. Das ist nur ein Probetext.Das ist nur ein Probetext. <br />
<br />
Das ist nur ein Probetext.Das ist nur ein Probetext. Das istnur ein Probetext.<br />
</p>
</div>
<div id="contentright">
<h1>Überschrift</h1><br />
<p>Das ist nur ein
Probetext. Das ist nur ein Probetext.Das ist nur ein Probetext. Das ist nur ein
Probetext. Das ist nur ein Probetext.Das ist nur ein Probetext.<br />
<br />
<a href="#">klick mich nicht an!</a><br />
<a href="#">klick mich nicht an!<br />
klick mich nicht an!<br />
<br />
klick mich nicht an!</a> </p>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0!" height="31" width="88" /></a>
</p>
<br />
</div>
<br clear="all" />
</div>
</body>
</html>
