/    Sign up×
Community /Pin to ProfileBookmark

Positioning Issue

Copy linkTweet thisAlerts:
Sep 28.2006

Hello,

I’m currently working on a project for IE and I’m having trouble with a couple of my Divs.

[URL=http://www.3e-motivations.com/test/test.html]Example[/URL]

If you’re using IE, you should see ‘asdf’ down in the bottom right corner. I want that to be placed to the top left. Right now the Div controlling ‘asdf’ is the class ‘textual’. Does anyone know how to remedy the problem? Thanks.

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@House_of_HausSep 28.2006 — I don't see 'asdf' anywhere in IE or Firefox.
Copy linkTweet thisAlerts:
@jobowooauthorSep 28.2006 — I don't see 'asdf' anywhere in IE or Firefox.[/QUOTE]

[URL=http://www.3e-motivations.com/test/here.jpg]Screenshot[/URL]
Copy linkTweet thisAlerts:
@House_of_HausSep 28.2006 — OK, I see it now. I had to hit F11 to go to fullscreen mode to see it.

I am looking over your source code and I am having a little trouble figuring out what you are trying to do. Why is the whole page in a table? Do you want the lighter grey area on the right to be the content section? Try floating the nav area to the left and letting the right section position itself accordingly.

Something like this:
<i>
</i>&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;meta http-equiv="imagetoolbar" content="no"&gt;
&lt;meta name="MSSmartTagsPreventParsing" content="true"&gt;
&lt;title&gt;NorthPoint Data Inc.&lt;/title&gt;
&lt;style type="text/css"&gt;
body{color:#000; background-image: url(bg.gif);margin:0;padding:0}

.left {background-image: url(left.jpg)}
.right {background-image: url(right.jpg)}
.content {background: white; padding:0px; margin:0px}
.inside {background: #737373; margin-left: 5px; margin-right: 5px; height: 100%; display:block}
.divide {background: white; height: 4px; overflow: hidden}
.nav {background: #555555; border-right: 4px solid #fff; border-bottom: 4px solid #fff; width:140px; height: 80%; padding-top: 20px; float:left;}
.nav a {padding-top: 3px; padding-bottom:3px; text-decoration: none; width: 140px; display: block; background: transparent; color: white; padding-left: 10px; font-family: Verdana; font-size: 12px}
.nav a:hover {text-decoration: none; font-weight: bold; background: white; color: #b00400;}
.textual {display: block; vertical-align: top; }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class="inside"&gt;

<i> </i>&lt;img src="header.jpg" style="display:block; padding:0px; margin:0px;" /&gt;
<i> </i>&lt;div class="divide"&gt;&lt;/div&gt;
<i> </i>&lt;div class="nav"&gt;
<i> </i> &lt;a href="http://www.yahoo.com"&gt;About Us&lt;/a&gt;
<i> </i> &lt;a href="http://www.yahoo.com"&gt;Technology Solutions&lt;/a&gt;
<i> </i> &lt;a href="http://www.yahoo.com"&gt;Home&lt;/a&gt;
<i> </i> &lt;a href="http://www.yahoo.com"&gt;Contact Us&lt;/a&gt;
<i> </i> &lt;a href="http://www.yahoo.com"&gt;Careers&lt;/a&gt;
<i> </i>&lt;/div&gt;
<i> </i>&lt;div class="textual"&gt;
<i> </i> asdf
<i> </i>&lt;/div&gt;

&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
×

Success!

Help @jobowoo spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.11,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...