Learn VBA & Macros in 1 Week!

CSS - Wasted A Morning - Please Help

Full Excel VBA Course - Beginner to Expert

Wasted A Morning - Please Help	View Content

Im making a shopping cart skin at work but im really stuck. The existing image was 532px wide, but ive changed it to 742 and something strange is happening to the image.

Here is the link:
http://hiq.identityprojects.co.uk

The image in question is the long thin image of a room which is sitting on the right side. Im trying to get it sit within the white center box. Can anyone tell me what might be causing this to happen (since it was fine with the previous size image). Ive been looking through the code but I cant find any reason for it to be doing it, is an empty column, a float: center or something like that?

I would provide the CSS, but there are pages and pages of it and I dont know what is relevant. If you know what part of the CSS code is causing it please tell me and I will post the snippet.

I would really appreciate help with this.

Full Excel VBA Course - Beginner to Expert

Strange <hr /> Quirk Ie/webbrowser Rendering Css Divs (how I Wasted My Morning)

Similar Tutorials

View Content

Scenario: I have an MS-Access application that uses a webbrowser control to display help. WebBrowser is IE.

Suddenly the titles on my index page went missing ... no not missing. If I scrolled down and then scrolled back up they rendered. Sometimes rendering only partially (the bottom half of the words "Help Index" missing, top half rendered). The behavior replicated in the IE browser. Firefox and W3C meanwhile both indicated everything was groovy.

Here was the context:
Code:
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Diverse Leader Program Database Help System: Index</title>
<link href="css/dlpd0.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="tpage">
<div class="idxbar"><a href="index.html">Help Index</a></div>
 <div class="dlpdtitle">Diverse Leader Program Database</div>
<div class="dlpdsubtitle">Help Index</div> 

etc.

Odd. What's more the page was nearly identical to the dozens of other pages in the same help system.

The css was innocent enough

Code:
CSS

.dlpdtitle {
	background:#ffffff;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#012345;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

Four hours later ...

The culprit was this:

Code:
HTML

<a name="userdoc"></a><hr />

Everything reverted to placid normalcy with just this:

Code:
HTML

<a name="userdoc"></a>
<br /><hr />

So ... there you have the results of my investigation into this very bizarre quirk that probably none of you will ever encounter. But if you do ... now you know ;-)

I think it's time for my lunch break now ...