netfeedMedlem sedan mars 2001516 inlägg
1. går det att på något sätt centrera ett fält i css? alltså så att den lägger sig automatiskt i mitt på skärmen som med align="center"??
2. om jag har en ruta som är gjord i css går det med den att få så att den expanderar när det kommer mer text i den som den inte klarar i de första inställningarna?
3. en ruta till går det att få marginal i den så att txten inte ligger i kanten?
4. fortsättnigs fråga på fråga 1. går det mha css att om man har två kolumner brevid varandra att centrera tillsammans i fall svaret var ja på 1:an?
MatteMedlem sedan aug. 20002 970 inlägg
För att börja med fråga två. Har du inte angivit någon höjd (height) för din ruta så kommer den att expandera nedåt om man fyller på med text. Har du angivit höjd så kommer det att fungera likadant i IE, medan det i t.ex Mozilla kommer att fungera så att texten kommer att expandera, medan eventuell border och bakgrund kommer att ligga kvar på angivna mått. Motsvarande gäller för bredd när det finns ett ord som är bredare än angiven bredd.
När jag vill ha en minihöjd på en ruta brukar jag därför lägga in en transparent gif med bredden 1px, och höjden till önskad höjd, med align="right".
De övriga frågorna vill jag besvara med följande exempel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>CSS</title>
<style type="text/css">
<!--
body {
text-align: center; /* centrering för IE */
}
.yttre {
width: 230px;
margin: 0px auto; /* centrering Mozilla mm */
}
.vanster {
float: left;
width: 100px;
border: 1px solid black;
text-align: left;
padding: 10px; /* text-avstånd från kant */
}
.hoger {
float: right;
width: 100px;
border: 1px solid black;
text-align: left;
}
-->
</style>
</head>
<body>
<div class="yttre">
<div class="vanster">
Kolumn 1 med 10px avstånd från kant
</div>
<div class="hoger">
Kolumn 2 utan avstånd från kant
</div>
</div>
</body>
</html>
netfeedMedlem sedan mars 2001516 inlägg
body {
text-align: center; /* centrering för IE */
}
kommer detta att lägga allt centrerat?
padding var bra den tackar man för
tack tack
MatteMedlem sedan aug. 20002 970 inlägg
kommer detta att lägga allt centrerat?
Ja, det kommer att ärvas på hela sidan. Det är därför jag i div-en med text (vanster, hoger) har lagt till text-align:left. Kunde ha gjort det i yttre div-en istället.
netfeedMedlem sedan mars 2001516 inlägg
fick bara själva texten i att lägga sig centrerat men men
det har jag löst...
