6 svar · 505 visningar · startad av tlee
Hej,
Hur gör jag för att få en svart ruta på en sida.
Den skall alltid vara 5 px från toppen och alltid 5 px från botten.
Den skall alltid börja 630 pixlar från vänster och fortsätta hela vägen ända till högmarginalen.
Jag antar att man kan lösa det med en <div> men vilka attribut skall den ha?
/t
Skulle det inte räcka med en bakgrundsbild som går uppifrån och ner och börjar 630 pixlar från vänster?
#mindiv{
margin: 5px 0 5px 630px;
position: fixed;
width: 100%;
height: 100%;
background: #000;
}
är väl en lösning för FF, Opera & Safari iaf.
Och detta funka för Ie och Ff
<HTML>
<HEAD>
<style type="text/css">
<!--
BODY {background-color:green;margin: 5px 0 5px 630px;overflow:scroll;}
div { background-color:black; height:100%; }
-->
</style>
</HEAD>
<BODY>
<div></div>
</BODY>
</HTML>
<HTML>
<HEAD>
<style type="text/css">
<!--
BODY {
background-color: #333333;
margin: 5px 0 5px 630px;
overflow:scroll;
}
#divBlack {
background-color:black; height:100%;
}
-->
</style>
</HEAD>
<BODY>
<table border="1">
<tr>
<td>ksjdhfkhskhdsf</td>
</tr>
</table>
<div id="divBlack"></div>
</BODY>
</HTML>
bosses exempel fungerar bra sålänge det inte finns något annat på sidan.. om jag lägger in en tabell så hamnar tabellen i den svarta rutan.. hur löser jag det?
/t
Insider skrev:
Skulle det inte räcka med en bakgrundsbild som går uppifrån och ner och börjar 630 pixlar från vänster?
Hur skall jag få den att börja/sluta ett visst antal pixlar från toppen/botten?
/t
Tabellen kan du väl placera var du vill med "position absolute"
<HTML>
<HEAD>
<style type="text/css">
<!--
BODY {
background-color: #333333;
margin: 5px 0 5px 630px;
overflow:scroll;
}
#divBlack {
background-color:black; height:100%;
}
table {position:absolute; left:100px; top:50px; border:2px solid gray}
-->
</style>
</HEAD>
<BODY>
<table >
<tr>
<td>ksjdhfkhskhdsf</td>
</tr>
</table>
<div id="divBlack"></div>
</BODY>
</HTML>