Nested Div's

cmoioutoi

Hello
I have twoo problems and I whish I find here some answers :)

Can you pleas help me solving this problem?
http://saide.no-ip.info

I would like to use the three div's mySubContent 1,2 and 3 as columns not as raws without using position:absolute because if I do so the footer div wich contains my siganture will not change its position dynamically. You understand what I mean ?

Second problem is actually the W3C icon in the bottom of my site because I don't see this image in the same position when I open my site using non-mozilla firefox webbrowser .. the image is positioned with absolute position style :)

dusk

removed my post cause I misunderstood the question...

if its columns not rows you want, couldn't you just put the divs into a table?

cmoioutoi

Hello
thanks for your response, sure I am going to try it with table as you say, but is there no chance to solve this using just div's like the hole template?

- Header + left menu + coneten and I'de like to have three div's inside the content div :)

I think you mean like this solution:
http://saide.no-ip.info/

But does it look nice on that way ? and what about tables? are they stay used in web development?

best rgards
C'est moi c'est toi

drhowarddrfine

if its columns not rows you want, couldn't you just put the divs into a table?

Then what purpose would the divs serve? Besides, never use tables for layout.

drhowarddrfine

You can float the <div>s left or right, one solution, but you need to adjust the widths.

Another way is to wrap those divs in a relatively positioned div, assign a height/width to that, and position the contained divs absolutely, which won't affect your footer.

cmoioutoi

Then what purpose would the divs serve? Besides, never use tables for layout.

Hello;
Can you pleas explain this attractive comment in a just few words?
I just did what our friend told me and used tables:
http://saide.no-ip.info/

But I don't like this layout .. the head (logo test) and menu (myMenuItem) + the foot look much better and you have the freedom to full in without taking care of the changing of position ...

thank u

cmoioutoi

You can float the <div>s left or right, one solution, but you need to adjust the widths.

Another way is to wrap those divs in a relatively positioned div, assign a height/width to that, and position the contained divs absolutely, which won't affect your footer.

Yes dear,
I did, I did this and there just two possibilities for using the float CSS object: right or left but I actually would like to use three columns (div's) in my content dive ! :-s
Yes, I know I am always asking hard Questions but I hope to get the answer anyway :)

best regards
c'est moi c'est toi

cmoioutoi

removed my post cause I misunderstood the question...

if its columns not rows you want, couldn't you just put the divs into a table?

I eventually had developed a layout using tables and div's but I don't like because I don't have more freedom te work dynamically:

Example using tables in div's or div's in tables:
http://saide.no-ip.info/demo1.2/

Suppose I want to to have a footer with my siganture and contact and some discriptions, .. I can't do that because I can't know how long my tables can be !!

Do you understand what I mean ?

thank u
best regards
c moi c toi

cmoioutoi

You can float the <div>s left or right, one solution, but you need to adjust the widths.

Another way is to wrap those divs in a relatively positioned div, assign a height/width to that, and position the contained divs absolutely, which won't affect your footer.

I'm coming back to to reply on the last solution you adviced:
http://saide.no-ip.info/demo/index.php

But, what will happen if the conent of any of those div's become longer ?? you see the result on http://saide.no-ip.info/demo/index.php at the buttom of the site .

Thank u

jamesicus

.......... there just two possibilities for using the float CSS object: right or left but I actually would like to use three columns (div's) ..........

Please do not get too hung up on just divisions -- use good semantic Markup which will also require CSS designated headers, paragraphs and lists. View the source of my Home page to see this in effect. Also check the accompanying CSS for the flexible float-left three column layout constructs.

Edit: here is the Markup and CSS (via the Validators - scroll down):

Markup

CSS

James

cmoioutoi

Please do not get too hung up on just divisions -- use good semantic Markup which will also require CSS designated headers, paragraphs and lists. View the source of my Home page to see this in effect. Also check the accompanying CSS for the flexible float-left three column layout constructs.

Edit: here is the Markup and CSS (via the Validators - scroll down):

Markup

CSS

James

Hi James,
Thanks for response, I visited your site and I really like it .. It's nice.
So, you also use div's and no tables and that makes it more professional but this web site is not dynamic but just static and so you can use header+content within div's + footer without problems because the content of your boxes and items don't change. If you change for example the content of the box "Roman Julio-Claudian Coins" in the left of the page, you will have to change the position of the W3C validator's icons in the buttom of the site, do you understand what I mean ?

In my case the site is going to be dynamic so I never know how long the boxex could be.

This site is ok for static pages: http://saide.no-ip.info/demo1.2/
But this one : http://saide.no-ip.info/demo/index.php is not ok for dynamic pages.

Any way thanks for your answers and have a nice day

jamesicus

.......... but this web site is not dynamic but just static and so you can use header+content within div's + footer without problems because the content of your boxes and items don't change. If you change for example the content of the box "Roman Julio-Claudian Coins" in the left of the page, you will have to change the position of the W3C validator's icons in the buttom of the site ..........

Not so, I am constantly changing the content of all three boxes -- you can see how the footer changes flexibly as the box lengths change by viewing the page in different graphical Browsers -- the subtle differences in rendering capabilities (especially IE) causes the changes -- additionally, if you view the page at different screen resolutions (easy if you have Firefox with the Developer extension installed) which you should always do anyway -- you will see the box lengths changing dynamically. Here is a depiction of my home page with dummy content added in order to illustrate the dynamic positioning of the footer.

BTW, here is a simpler depiction of float left flexible layout

James

cmoioutoi

Not so, I am constantly changing the content of all three boxes -- you can see how the footer changes flexibly as the box lengths change by viewing the page in different graphical Browsers -- the subtle differences in rendering capabilities (especially IE) causes the changes -- additionally, if you view the page at different screen resolutions (easy if you have Firefox with the Developer extension installed) which you should always do anyway -- you will see the box lengths changing dynamically. Here is a depiction of my home page with dummy content added in order to illustrate the dynamic positioning of the footer.

BTW, here is a simpler depiction of float left flexible layout

James

Hello James,
Yes I see what you mean thanks, I just put the boxes with float left like you said but I want to get these three boxex in the content div.
Look at the example: http://saide.no-ip.info
and you will see the problem.
The content wich contains the three boxes doesn't changes flexibly as the 3 boxes lengths change !!!

PhpLover1984

Soory to up this topic, but I am really interested in the answers and also to hear experiences and discuss the different CCS/XHTML layouts :)

Thank you

ps; moderator: you muy delete my account cmoictoi :p

jamesicus

Soory to up this topic, but I am really interested in the answers and also to hear experiences and discuss the different CCS/XHTML layouts ..........

Of course, using XHTML is OK, just be aware you will (I am sure) be serving it as HTML (not as real XHTML) so you could just as well use HTML 4.01 -- just be sure to use a Strict Doctype to avoid deprecated Markup and structures -- see my Serving XHTML page

James

PhpLover1984

That's very nice .. XHTML is actually the last versions of HTML.

Thanks
Greetings

drhowarddrfine

No. XHTML is HTML formulated with XML. HTML5 is being worked on now and the first draft was just released a few days ago.

Nested Div's

Post your reply

Similar topics