1 svar · 279 visningar · startad av Alpha II
Jag har försökt länge nu men det fungerar bara inte. :(
Jag vill att sidan skall vara centrerad. Sen skall det finnas en "banner" högst upp, en iframe ruta högerställd i bannern och sen tre spalter under bannern.
Det är spalterna som ställer till det. Använder jag position absolute så hamnar de utanför det centrerade lagret. Använder jag "relative" så hamnar de under varandra. Hur är det tänkt att man skall göra spalter med div och css? :q
Det *är* svårt...
... och det finns rejält med buggar att slåss med också... olika i olika webbläsare...
Men här är iaf ett av mina experiment moddat efter hur jag uppfattar dina önskemål...
testat i FireFox, Opera, MSIE6 och MSIE5 - Alla på Windows...
<!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" lang="sv" xml:lang="sv">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
body, html{ margin:0; padding:0;text-align:center}
#container {
margin-left:auto;margin-right:auto;width:800px;
text-align:left;
border:1px solid black
}
#banner {height:100px; background-color:silver;border-bottom: 1px solid black}
#banner iframe {float:right;height:100px;width:280px;margin:0;border:none}
#vanster {clear:both;float:left; width:200px;}
#hoger {float:right; width:200px;}
#mitten{
margin-left:200px;margin-right:200px;width:auto;
background-color:#eeeeee;
border-left:1px solid black;
border-right:1px solid black;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="banner">
<iframe src="lipsum.html"></iframe>
Detta är en banner
</div>
<div id="vanster">Vänster</div>
<div id="hoger">Höger</div>
<div id="mitten">
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Maecenas quam arcu, consectetuer a, venenatis eget,
pharetra quis, tortor. Nulla nec tortor. Ut hendrerit congue risus.
Vivamus lobortis mauris ut ligula. Proin sed eros vel felis tristique
imperdiet. Curabitur a elit sit amet eros blandit tristique. Nulla
augue lectus, blandit at, vehicula nec, placerat ut, velit.
Pellentesque velit quam, posuere id, dictum sit amet, rutrum non,
ipsum. Nulla facilisi. Nulla diam dui, placerat sit amet, dignissim sit
amet, sagittis sed, sapien. Phasellus interdum. Vestibulum dapibus
tristique pede. Duis ac elit id nibh tincidunt porttitor. Aenean ac
felis. Integer tempor. Etiam sagittis pede sed magna. Phasellus magna
purus, blandit id, iaculis eu, bibendum ut, sapien.
</div>
</div>
</body>
</html>
Provkör: http://member.webforum.nu/2241/alphaIItrespalt.html