undrade hur man gjorde i css när man ville att sidan(tabellen) alltid skulle hamna i mitten av fönstret när man breddar fönstret och så.. har gjort det innan men glömt bort hur man gör =)
css center funderingar
5 svar · 314 visningar · startad av MizzK
så här har jag gjort nu, men d fungerar inte
BODY {
float: right;
background-color: #527AB5;
padding: 5px 5px 5px 10px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
FONT-SIZE: 10px;
FONT-FAMILY: verdana;
}
Så här brukar jag centrera objekt, tabeller, div, boxar, bilder, mm. mm.
Funkar i alla upplösningar.
Första delen HTML, BODY i Css-delen är ej nödvändig.
Beror på hur man vill ha marginalerna i bodyn.
<HTML>
<HEAD>
<title>Centrering</title>
<style type="text/css">
<!--
HTML, BODY
{
background-color:green;
width:100%;
height:100%;
margin-left:0%;
margin-top:0%;
}
TABLE
{
width:400px;
height:230px;
border-collapse:collapse;
border:2px solid black;
position:absolute;
left:50%;
top:50%;
margin-left:-205px;
margin-top:-115px;
}
TD
{
background-color:blue;
border-collapse:collapse;
border:1px solid black;}
-->
</style>
</HEAD>
<BODY>
<table>
<tr>
<td> tabellcell 1 </td>
<td> tabellcell 2 </td>
</tr>
</table>
Ändra width och height som du ska ha på din tabell. Du ändrar sedan värden för margin-left/margin-top enl. nedan.
<BR>
Om din tabell är 800px bred och 600px hög så blir margin-värdena -400px respektive -300px.
<BR>
Dvs hälften av tabellens mått, men negativa. Tabellen ligger då alltid i mitten oavsett upplösning.
<BR>
Om du bara vill centrering åt ett håll så tror jag du kan räkna ut detta själv!
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
Har här gjort ett exempel med en mindre tabell för tydlighetens skull.
<BR>
För att göra den osynlig så får man ha samma färg som bakgrunden och ingen border.
<BR>
Har här Css:en i head-taggen, men det går förstås lika bra att länka denna som en extern Css-fil.
</BODY>
</HTML>
bossse skrev:
Så här brukar jag centrera objekt, tabeller, div, boxar, bilder, mm. mm.
Funkar i alla upplösningar.
Första delen HTML, BODY i Css-delen är ej nödvändig.
Beror på hur man vill ha marginalerna i bodyn.<HTML> <HEAD> <title>Centrering</title> <style type="text/css"> <!-- HTML, BODY { background-color:green; width:100%; height:100%; margin-left:0%; margin-top:0%; } TABLE { width:400px; height:230px; border-collapse:collapse; border:2px solid black; position:absolute; left:50%; top:50%; margin-left:-205px; margin-top:-115px; } TD { background-color:blue; border-collapse:collapse; border:1px solid black;} --> </style> </HEAD> <BODY> <table> <tr> <td> tabellcell 1 </td> <td> tabellcell 2 </td> </tr> </table> Ändra width och height som du ska ha på din tabell. Du ändrar sedan värden för margin-left/margin-top enl. nedan. <BR> Om din tabell är 800px bred och 600px hög så blir margin-värdena -400px respektive -300px. <BR> Dvs hälften av tabellens mått, men negativa. Tabellen ligger då alltid i mitten oavsett upplösning. <BR> Om du bara vill centrering åt ett håll så tror jag du kan räkna ut detta själv! <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> <BR> Har här gjort ett exempel med en mindre tabell för tydlighetens skull. <BR> För att göra den osynlig så får man ha samma färg som bakgrunden och ingen border. <BR> Har här Css:en i head-taggen, men det går förstås lika bra att länka denna som en extern Css-fil. </BODY> </HTML>
Det där funkar ju inte i ns 6 & 7, men det visste du kanske redan?
tack för svaren men jag löste problemet själv =)