473,327 Members | 2,065 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,327 software developers and data experts.

Aligning an Inner Div to Top-Right of Parent Div

Hello. I'm putting together a css layout, and I have a large header <div>. Within that <div>, I would like to have a smaller <div> to put some navigation in, and have it be aligned to the TOP-RIGHT of the parent "header div".

My layout is liquid and stretches the entire width of the screen, up until 1100px. (max-width)

So, I could use position:absolute to place the nav div in the top-right, no problem. However, when the page is viewed at a resolution that is larger than 1100px wide, the nav is obviously stuck to the very corner of the browser window, disconnected from the regular layout.

So my question is how to keep the TOP NAV div stuck to the top-right corner of the HEADER div when the page is viewed at a resolution larger than 1100px.

Here is a link to the page:
http://www.mattlongpre.com/syt/

Thanks!
Oct 24 '06 #1
4 3530
drhowarddrfine
7,435 Expert 4TB
First observation: This is incorrect <li /> That is not a proper closing tag. You must follow it with a </li> You are confused with other xhtml closing tags.
Oct 24 '06 #2
First observation: This is incorrect <li /> That is not a proper closing tag. You must follow it with a </li> You are confused with other xhtml closing tags.
Ah, thank you.
Oct 24 '06 #3
drhowarddrfine
7,435 Expert 4TB
Positioning is always relative to the first positioned element. Your header is not positioned so just add position:relative to the containing div.
Oct 24 '06 #4
Thank you very much! :D
Oct 24 '06 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

1
by: Graham Cross | last post by:
Dear All Is there an HTML way of aligning the images on this page http://www.ageconcernleics.com/review03/chairs03.html so that they appear evenly spaced relative to the text column on the...
16
by: C.W | last post by:
I have a top box element that houses the web site title: #top_section { height: 20px; padding: 10px; text-align: left; background: navy; color: white; }
1
by: steve | last post by:
Hello, I'm reworking our company site, trying to do it without tables. It's been a bit of an... adventure. Site is starting to come along. Problem I've run into is aligning image input...
7
by: Jared | last post by:
Here is my situation. I have multiple labels on a form but only certain ones will become visible while using the form. Depending on which check box(s) you pick, on another form, determines the...
2
by: Dave | last post by:
Hello all, I need to know if you can vertically align Items within an ItemTemplate. For example I have two columns, one column has a stack of 6 textboxes, my second column can have 1 to n...
12
by: S | last post by:
Here's a very basic question. . . I have a DIV that contains content that I need to be bottom-justified. What is the CSS code to do that? Thanks, ---------------S
28
by: kiqyou_vf | last post by:
I'm trying to pull data from 2 different tables and do a loop to retrieve more than one row. I'm having problems with aligning the information. Can someone lead me in the right direction? I've done...
3
by: pamelafluente | last post by:
Hi dears, I have a DIV (with some colorful background). On top of this DIV I have another DIV entirely contained and having a transparent background. Both div absolutely positioned. ...
2
by: JJA | last post by:
Please advise on how I can get this content (from "Choose a Map" down to the "Show Map" button) to be positioned at the top of this table cell. Please see: ...
2
by: agbee1 | last post by:
Hello: I've finally made the effort to ween myself from overly using tables and use CSS for my positioning. However, I am having a problem with my navigational menu properly aligning in Firefox,...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.