DIV-fel

Hej,

Jag har en sida som visar nyheter. Den har fungerat alldeles utmärkt tills nu när jag upptäckte en DIV som är på "rymmen". Jag har kollat igenom HTML-koden men inte kunnat hitta vad som är fel. Enligt den bifogade bilden så skall informationen i den lila cirkeln återfinnas i den högra DIVen när allt är som det ska vara. Nu har det hamnat i den vänstra diven av någon outgrundlig anledning.

Några idéer om vad det kan bero på?!

http://www.flygfyren.nu/shownews.php?newsID=9

ser ok ut i FF iaf

Jag har IE 6.0 och blir inte av med det. Bad en kompis kontrollera sidan och han fick också samma problem (han hade IE). Någon mer som kan verifiera hur sidan ser ut med andra webbläsare?

Jag ser skillnaden i IE6

<div style="margin-bottom: 25px;">
  			<form action="login.php" method="post">
					<div>[red]<---- vilken div är detta? Hittar inte den i cssmallen. [/red] 

						<p class="form">Användarnamn:
						<br />
						<input type="text" name="username" size="20" onfocus="this.style.backgroundColor='#FFFFCC';" onblur="this.style.backgroundColor='#ffffff';" /></p>
						<p class="form">Lösenord:
						<br />
						<input type="password" name="password" size="20" onfocus="this.style.backgroundColor='#FFFFCC';" onblur="this.style.backgroundColor='#ffffff';" /></p>
						<p class="form"><input type="submit" value="Logga in" /></p>
						<br />
						Inte medlem ännu?
						<br/>

						<a href="termsofuse.php">- Registrera dig nu!</a>
					</div>
				</form>
					
			</div>

Rent allmänt förstår jag inte varför du puttar in en div style content i htmlkoden när du kan låta din css sköta den saken.

Varför inte testa detta istället?

.rightheading h2 {
	font: 15px Helvetica, Arial, Sans-serif;
	padding: 5px 5px 5px 0px;
	width: 460px;
	color: #2CA6F0; 
	text-align: justify;
	font-weight: bold;
margin-bottom: 25px;
	}{

mvh/Lena

Utan att ha kollat alltför noga så tror jag att det är ett box modell problem.
Du kan läsa mer om det här:
http://tantek.com/CSS/Examples/boxmodelhack.html <-Box Model Hack
http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html <-Simplified Box Model Hack

Det har att göra med att du har satt padding och margin på dina floats
#content_inline_left & #content_inline_right

Nate.A skrev:

Det har att göra med att du har satt padding och margin på dina floats#content_inline_left & #content_inline_right

Om jag tar bort padding margin så finns det en chans att problemet försvinner?

Det lustiga med det här är att det har fungerat hur bra som helst tidigare och jag har inte ändrat koden.

HEJ!

Bonus:
Du har ett klickande ljud när man ändrar sidan i höjdled i IE. Uppträder inte i FF eller Opera.