---
title: "Ofrivillig centrering"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/180092-ofrivillig-centrering"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "annesophie"
published: "2009-09-04T10:26:20.000Z"
updated: "2009-09-07T11:01:55.000Z"
replies: 5
views: 568
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/180092-ofrivillig-centrering"
---

# Ofrivillig centrering

## #1 — annesophie, 2009-09-04T10:26Z

Håller på att skapa ett email som ska mailas ut till personer i en kunddatabas. 
Testar mailet nu så att det ser (åtminstone ungefär) likadant ut i olika mailprogram.

I t ex Lotus Notes ser det helt ok ut, men i Hotmail så är allting **centrerat** inkl textinnehåll.

Jag har tittat och ändrat och testat men kan bara inte förstå vad det är som gör att det blir så. Jag blir inte av med centreringen hur jag än gör. Känns som att jag missar något precis framför näsan.
Någon som har lust att titta på koden som jag bifogar nedan?

```
<HTML>

<HEAD>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>xxxxxxx inbjuder till teknisk lunchträff med xxxxxxx</title>

<style type="text/css">
<!--
.body 			{   margin:0; padding:0; background-color:#ffffff;}

.permission 		{   padding: 20px 0 40px 0; letter-spacing:1px; text-align:center;}
.permission p 		{   font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #000000; letter-spacing:1px;}
.permission p a 	{   font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #2255A5; letter-spacing:1px;}

.content 		{   text-align:left; background-color: #FFFFFF;border-style:solid;border-width:1px;border-top-color:#FFFFFF;border-bottom-color:#FFFFFF;border-left-color:#DFDFDF;border-right-color:#DFDFDF;}

.mainbar a 		{   font-family: Arial, sans-serif; font-size: 12px; font-weight:normal; text-align:left; color: #2255A5; text-decoration: none;letter-spacing:1px;}
.mainbar h2 		{   font-family:  Georgia, sans-serif;   font-size: 16px;   font-weight: bold; text-align:left; color:#000000; margin: 0 0 4px 0; padding: 0 0 4px 0;   border-bottom: 1px solid #cbcbcb;letter-spacing:1px;}
.mainbar h3 		{   font-family:  Georgia, serif; font-size:14px; font-weight:normal; text-align:left; color:#000000; margin:0px 0 14px 0; padding: 0;letter-spacing:1px;}
.mainbar p 		{   font-family: Arial, sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#000000; margin: 16 0 16px 6; padding: 0;letter-spacing:1px;}
.mainbar p.top 		{   font-family: Arial, sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#000000;  margin: 16px 0 0px 6px; padding: 0;letter-spacing:1px;}
.mainbar ul 		{   font-family: Arial, sans-serif; font-size:12px; font-weight:normal; text-align:left; color:#000000; margin: 16px 0 16px 20px; padding: 0;letter-spacing:1px;}
.mainbar ol 		{   font-family: Arial, sans-serif; font-size:12px; font-weight:normal; color: #000000; letter-spacing:1px;}
-->
</style>
</head>

<BODY>
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
	<TR>
		<TD align="center">
			<TABLE width="580" border="0" cellspacing="0" cellpadding="0">
				<TR>
					<TD class="permission"><p>Svårigheter med att läsa detta email? <a href="http://www.xxxxxxx.info/eshot/xxxxxxx/index.html">Öppna det i din browser istället</a>.</p></td>           
				</tr>
				<TR>
					<TD align="center" height=100><br><a href=http://www.xxxxxx.info/ target=_blank><img src="http://www.xxxxxxx.info/eshot/xxxxxxx/img/xxxxxxx_xxxxxxx_logo.jpg" alt="The xxxxxx Group" width="580" height="65" align="left" border=0 /></a></td>           
				</tr>
				<TR>
					<td>
						<TABLE width="580" height="589" border="0" cellspacing="16" cellpadding="0">
							<TR>
								<TD class="mainbar" colspan=2>
									<br><h2><font style="color:#000000;">xxxxxxx inbjuder till teknisk lunchträff med xxxxxxx</font></h2>
								</td>
							</tr>
							<TR>
								<TD class="mainbar" width="372">
									<h3><font style="color:#000000;">16 September 2009, kl 09.00-12.00</font></h3>
									<p>Passa på att möta en av xxxxxxxs vassaste applikationsingenjörer och ta del av en djupare detaljstudie i hur du kan bygga upp kompakta kraftsystem. Förutom en kompakt design får du även direkta tips på enkla EMC lösningar för alla former av applikationer.</p>	
									<p>Från xxxxxxx: A. Jordan (Applications Engineer)<br>Från xxxxxxx: M. Nilsson</p>
									<p><b>Program</b>
										<ol>
											<li><b>Frukost kl 09.00-09.15</b></li>	
											<li><b>Välkommen</b><br>Presentation av xxxxxxx</li>
											<li><b>Presentation av xxxxxxx-produkter</b>
												<ul>
													<li>Genomgång av modullösningar Maxi, Mini, Micro + VI-J och VI-2-serien
													<li>Presentation av nya och framtida lösningar av ytterst kompakta och högeffektiva omvandlare:<br>- VI-chips, VTM, PRM & BCM + VI-Brick
													<li>xxxxxxxs aktiva modul/chip-lösningar för begränsning av EMC-störningar/transienter i krävande miljöer<br>
														- Picor aktiva filterkretsar för:<br>
														&nbsp;&nbsp;- Ledningsburna störningar, t ex EN55022<br>
														&nbsp;&nbsp;- Ripple & Noise-reducering av switchade &nbsp;&nbsp;&nbsp;&nbsp;kraftlösningar
												</ul>
											</li>
											<li><b>Presentation av Value-Added lösningar</b></li>	
											<li><b>Övrigt</b></li>	
											<li><b>Lunch ca kl 12.00</b></li>	
										</ol>
									<p><b>Anmälan</b><br>Anmälan senast 10 september till:<br><a href="mailto:m.nilsson@xxxxxxx.se">m.nilsson@xxxxxxx.se</a></p>
								</td>                    
								<TD class="mainbar" valign=top  width="208"><img src="http://www.xxxxxxx.info/eshot/xxxxxxx/img/VI_stapel.jpg" alt="xxxxxxx Range" width="208" height="589" border=0 /></td> 
							</tr>
						</table>
					</td>
				</tr>
			</table>
			<TABLE width="646" border="0" cellspacing="0" cellpadding="0">
				<TR>
					<td><img src="http://www.xxxxxxx.info/eshot/xxxxxxx/img/footer-tail.jpg" width="646" height="87" /></td>
				</tr>
				<TR>
					<TD class="permission">
						<p>Du har mottagit detta email eftersom du är en registrerad <a href="http://www.xxxxxxx.info" name="top" name="#top"><b>xxxxxxx</b></a>-kund</b>.<br>
						Vill du inte få flera sådana här emails? <a href="http://www.xxxxxxx.info/eshot/xxxxxxx/unsign/">Avregistrera dig snabbt och enkelt</a>.</p>
					</td>           
				</tr>
			</table>
		</td>           
	</tr>
</table>
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/180092

## #2 — annesophie, 2009-09-04T11:29Z

Här var det minsann tyst och tomt...  :(

Permalänk: https://www.webforum.nu/p/2200854

## #3 — Web-Tor, 2009-09-04T12:43Z

Det är svårt att hjälpa till utan att ha en hotmailadress men du kan ju testa att ta bort *text-align:center;* i CSS-klassen *.permission*.

Permalänk: https://www.webforum.nu/p/2200859

## #4 — Web-Tor, 2009-09-04T12:46Z

Eller så tar du bort *align="center"* från den första TD-taggen.

Permalänk: https://www.webforum.nu/p/2200860

## #5 — annesophie, 2009-09-07T08:12Z

> **[Web-Tor skrev:](https://www.webforum.nu/p/1479389)**
>
> Det är svårt att hjälpa till utan att ha en hotmailadress men du kan ju testa att ta bort *text-align:center;* i CSS-klassen *.permission*.

Har testat, ingen skillnad. Texten blir fortfarande centrerad i Hotmail.

> **[Web-Tor skrev:](https://www.webforum.nu/p/1479390)**
>
> Eller så tar du bort *align="center"* från den första TD-taggen.

Ja, jag vet och jag har testat även detta och ja utan *align="center"* så blir texten vänsterställd även i Hotmail men... Grejen är ju att själva sidan ska vara centrerad, så jag behöver ju *align="center"* där. 
Fattar bara inte varför texten verkar lyda, den har ju egen setting.

Permalänk: https://www.webforum.nu/p/2201127

## #6 — nitro2k01, 2009-09-07T11:01Z

Jag prövade att skicka koden till Hotmail, och jag kom fram till att stilmallen inte alls används. Notera att typsnittet är felaktigt också. Lösning: Flytta stilmallen innanför body-taggarna.

Permalänk: https://www.webforum.nu/p/2201158

---

Tråden på webben: https://www.webforum.nu/amne/html-css/180092-ofrivillig-centrering
