Problem nesting a div within a div

L

Leupi

I have the rudimentary beginnings of a site and I am having an issue
nesting a div within a div. The parent div seems to ignore the nested
div, almost as if the nested div were absolutely positioned. This
happens in Firefox and Epiphany, although not in Opera. Opera displays
it as I want.

Could someone please look at what I have
(http://mysite.verizon.net/leupi5/) and advise? Please keep in mind that
the graphics are crap and I am just starting the design and suddenly got
nailed with this div issue and am a bit confused as to what I am doing
wrong.

Thanks,
Todd
 
R

rf

Leupi said:
I have the rudimentary beginnings of a site and I am having an issue
nesting a div within a div. The parent div seems to ignore the nested div,
almost as if the nested div were absolutely positioned. This happens in
Firefox and Epiphany, although not in Opera. Opera displays it as I want.

Could someone please look at what I have
(http://mysite.verizon.net/leupi5/) and advise? Please keep in mind that
the graphics are crap and I am just starting the design and suddenly got
nailed with this div issue and am a bit confused as to what I am doing
wrong.
Click to expand...

Your doctype is running the browsers in quirks mode so all other bets are
off.

If you mean the div with the triangle thing then FF is doing it correct. The
div is floated so it *should* extend below its parent if it is too long to
fit inside the parent.

Opera appears to be getting this wrong, probably because of quirks mode.
 
M

Mullein row

I have the rudimentary beginnings of a site and I am having an issue
nesting a div within a div. The parent div seems to ignore the nested
div, almost as if the nested div were absolutely positioned. This
happens in Firefox and Epiphany, although not in Opera. Opera displays
it as I want.

Could someone please look at what I have
(http://mysite.verizon.net/leupi5/) and advise? Please keep in mind that
the graphics are crap and I am just starting the design and suddenly got
nailed with this div issue and am a bit confused as to what I am doing
wrong.

Thanks,
Todd
Click to expand...

I'm having a hard time trying to understand what you are asking for
but is your problem that the logo overlaps the dotted blue line?

this is what it looks like in safari:
http://img176.imageshack.us/img176/4637/picture1zb1.png
 
L

leupi

rf said:
Your doctype is running the browsers in quirks mode so all other bets are
off.

If you mean the div with the triangle thing then FF is doing it correct. The
div is floated so it *should* extend below its parent if it is too long to
fit inside the parent.

Opera appears to be getting this wrong, probably because of quirks mode.
Click to expand...
I did not realize that floating a nested a div in another div would have
that effect, that would certainly explain the issue. The look that I
want is what Opera is showing do I will have to play around with the
layout some (knowing what I now know...).

I changed the doctype to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
I would imagine that that would get it out of quirks mode.

Thanks for your insight, it was very helpful.

Thanks,
Todd
 
D

dorayme

Leupi said:
I have the rudimentary beginnings of a site and I am having an issue
nesting a div within a div. The parent div seems to ignore the nested
div, almost as if the nested div were absolutely positioned. This
happens in Firefox and Epiphany, although not in Opera. Opera displays
it as I want.

Could someone please look at what I have
(http://mysite.verizon.net/leupi5/) and advise? Please keep in mind that
the graphics are crap and I am just starting the design and suddenly got
nailed with this div issue and am a bit confused as to what I am doing
wrong.
Click to expand...

If you have time, perhaps look at

<http://netweaver.com.au/floatHouse>
 
N

Nik Coughlin

Leupi said:
I have the rudimentary beginnings of a site and I am having an issue
nesting a div within a div. The parent div seems to ignore the nested div,
almost as if the nested div were absolutely positioned. This happens in
Firefox and Epiphany, although not in Opera. Opera displays it as I want.

Could someone please look at what I have
(http://mysite.verizon.net/leupi5/) and advise?
Click to expand...

Clear your float
 
L

Leupi

dorayme said:
If you have time, perhaps look at

<http://netweaver.com.au/floatHouse>
Click to expand...
Thanks for the link, it looks highly informative. I'll definitely spend
time reading it. I think that I have most of my CSS issues solved on the
site, now I just need to get the 'design' issues sorted out.

Thanks everyone for all of the help.

Todd
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How to make a div select work? 5
Creating a direct download div link for pdf file 3
Trying to add text into an editable div that is in an iframe 0
How can I hide a div using an event listener on multiple checkboxes? 6
div problem 6
Trouble accessing a value within a JSON string. 1
Retrieve data 'live' from spinner within a RecyclerView 1
TABLE within DIV Issue 5

Members online

No members online now.
Total: 37 (members: 2, guests: 35)
Robots: 186

Forum statistics

Threads
473,763
Messages
2,569,562
Members
45,038
Latest member
OrderProperKetocapsules

Latest Threads

Top