Unintentional Nesting?

Hey all,

I centered a image in the middle of the page using this code, works great:

Expand|Select|Wrap|Line Numbers

 
.header img {

  margin: 0px 0px 0px 0px;

  position: absolute;

  left: 50%;

  margin-left: -300px;

  top: 50%;

  margin-top: -300px;

  border: 1px solid #660000; 

  }

So then, I want to display a line of text underneath it, so that stays centered underneath the header image. I thought this code would work, but it doesn't,

Expand|Select|Wrap|Line Numbers

 .contact p {

  margin: 0px 0px 0px 0px;

  position: absolute;

  left: 50%;

  margin-left: -300px; 

  top: 70%;

  margin-top: -300px; 

  }

It seems like even though I have closed out the first div, and moved onto a different div the browsers are still trying to put the text inside the first div, on top of the image? Why would it do that?? The first div is closed out.

Here is my HTML

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<title>List Enterprises</title>

<link href="style.css" rel="stylesheet" type="text/css">

</head>
 
<body>

<div class="header"><img src="center.jpg"></div>

<div class="contact"><p>contact info: Trevor List | <a href="mailto:trevor@listenterprises.com">trevor@listenterprises.com</a> | 614.563.5789</p></div>
 
</body>

</html>

Aug 15 '07 #1

Subscribe Post Reply

1076

drhowarddrfine

7,435

Expert 4TB

Remember that absolutely positioned elements are removed from the normal flow and are positioned relative to the next positioned element. <body> in this case. So if both divs were positioned at top:0, they would overlap.

Also, you have multiple positioning for the same element. You set margins to zero but then immediately give them a negative margin. You also set top to some number like 50% but that's going to throw things way off to the side. (haven't played with this).

Aug 15 '07 #2

puredemo

Thanks, that helps some.

Is there any way for me to make the contact information relative to the bottom of the picture?

Here is the site BTW -

http://listenterprises.com/

As you can see, my contact info is all over the place.

Aug 15 '07 #3

by: Michael Hertz | last post by:

I have hundreds of samples of XML documents on my harddisc. But all of them lack the one or another feature of XML. Some XML documents have no attributes some others are rather flat (nesting...

.NET Framework

nesting <applet>, <object> and <embed>

by: Wolfgang Schwanke | last post by:

Dear usenet, I'm having the following small problem. I've been ask to add some Quicktime panoramas to a website. The author of the panoramas has made two versions of each: One in MOV format,...

HTML / CSS

Can nested class members access private members of nesting class?

by: CoolPint | last post by:

I read in books that nested class cannot access private members of nesting class and vice versa unless they are made friends. Somehow, my compiler is letting my nested class member functions access...

C / C++

Dynamic loop nesting

by: Hardrock | last post by:

I encountered some difficulty in implementing dynamic loop nesting. I.e. the number of nesting in a for(...) loop is determined at run time. For example void f(int n) { For(i=0; i<=K; i++)...

C / C++

nesting in XML

by: jack | last post by:

Hi I wanna know if nesting of tags inside similar tags is possible in XML. To be more clear, is <person> <son> <person>

.NET Framework

counting nesting level in template classes

by: kl.vanw | last post by:

I would like to count the nesting level in template classes. How can I make the following work? #include <assert.h> template <class T> class A { public: A() { // what goes here?

C / C++

Fatal error - Nesting too deep

by: TristaSD | last post by:

Hi, Here's a nice footer I get inside every php page I write in wwwroot on my server. The code gets parsed just fine. I installed php5.2-win32 under W2K Server, IIS 5.0. I've installed php on...

PHP

Correct nesting of UL, OL, LI elements

by: stephen.cunliffe | last post by:

Hi, I'm looking for opinion/facts/arguments on the correct nesting of UL, OL, & LI elements. For example, this is what I want (unordered list): * Item 1 * Item 2 * Item 3

Javascript

legality/practicality of nesting complete, valid HTML pages

by: henry | last post by:

Folks Here's a skeleton, generic HTML page, call it "index.php". You'll see a bit of php code in the middle: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"...

HTML / CSS

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

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...

General

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

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...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Unintentional Nesting?

Similar topics