img padding fel. [CSS]

2006-09-09 01:31

Medlem

Plats: Helsingborg
Registrerad: Okt 2004

●

img padding fel. [CSS]

Har ett litet padding problem. Jag vill ha 3px padding mellan alla element. Jag har satt 3px left/top padding på "container" diven. Sen kör jag 3px bottom/right padding på allt i diven för att få 3px mellanrum på allt. Men jag får ett störe mellanrum under bilden i FX och Opera. IE ritar ut den rätt (En av dom få gångerna IE gör rätt och FX/Opera gör fel, eller så har jag bara kodat fel. ).

Någon som har en lösning på hur jag kan fixa så paddingen blir rätt under bilden ?

index.html

		<div id="main">
			<div class="lightBlueBody">
				<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text</p>
				<img src="./images/Test.gif" alt="Bild"/>
				<p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text</p>
			</div>
		</div>

style.css

div#main div.lightBlueBody
{
	background-color: #e3e5e8;
	border: 1px solid #4b4f53;
	padding: 0px 3px 3px 0px;
}

div#main div.lightBlueBody img
{
	padding: 3px 0px 0px 3px;
}

div#main div.lightBlueBody p
{
	font-family: verdana;
	font-size: 10px;
	margin: 0px;
	padding: 3px 0px 0px 3px;
}

Rapportera Redigera

Citera flera Citera

2006-09-09 09:14

Permalänk

Guru Meditation

Medlem