PDA

View Full Version : Div within a Div and resizing issues.



Jim Nayzium
Nov 12th, 2006, 11:52 PM
I

I did ask this in another thread, but I changed the brunt of the question, and it was off-topic in that thread, so I am re-asking it differently with more clarity.

http://mikebake.p194.pandawebsites.com/Staging-StudioAuditions/3_Column_Fixed.php

On the above page, I am having trouble making the yellow box with the red line "contain" the left and right divs...

It was my assumption that embedded div tags would inherit the size of the parent div.

I am using

http://mikebake.p194.pandawebsites.com/Staging-StudioAuditions/3_Column_Fixed.css as the css file for this page.

I just want the yellow area to always be 20 pixels taller in both directions top-and-bottom from the left/right divs....

I feel with the logical structure, that the left div and right div are both within the div that uses the yellow background so why is not expanding in size with the embedded divs?

Thanks.

_Aerospace_Eng_
Nov 13th, 2006, 12:29 AM
Validate your code first please. A div cannot go in a paragraph.

Jim Nayzium
Nov 13th, 2006, 01:26 AM
Is there a tool within DW that will 'validate' my code?

Either way, thanks for your response...

here is the link to the solution for those interested

http://bonrouge.com/br.php?page=floats

My assumption to the reason I got no responses is this might be an RTFM issue....in the video world we use RTFM..you guys know what that is right?

_Aerospace_Eng_
Nov 13th, 2006, 01:30 AM
Yeah we know what that is. Dreamweaver MX and 8 have a built in validator. I suggest you get more familiar with your software. Its the green error on the toolbar next to the title box, you know the one that says Validate Markup when you put your mouse over it. There is also the w3.org validator which you should also use. http://validator.w3.org

Jim Nayzium
Nov 13th, 2006, 02:37 PM
Well I guess I expose my ignorance here, because I have always used the little validate mark-up button you speak of, but it always just gives me useless feedback like "there is an ampersand in your non-breaking space code" and I really don't know any thing to do at that point...

Or other things like IE won't support this feature...which I have to ignore right?

So I guess I need more expertise in general to find out what the validator is doing....

Same with the w3c thing.

I just want something really simple like in excel when you right a formula...it highlights your current paranthesis and it highlights its corresponding one.

This would be awesome if it did this with the div tags or the td tags....

Again, I am sorry for my ignorance on Dreamweaver.