473,320 Members | 2,073 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,320 software developers and data experts.

Nested Div's

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 :)
Jan 23 '08 #1
16 3043
dusk
7
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?
Jan 24 '08 #2
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
Jan 24 '08 #3
drhowarddrfine
7,435 Expert 4TB
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.
Jan 24 '08 #4
drhowarddrfine
7,435 Expert 4TB
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.
Jan 24 '08 #5
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
Jan 24 '08 #6
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
Jan 24 '08 #7
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
Jan 24 '08 #8
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
Jan 24 '08 #9
.......... 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
Jan 24 '08 #10
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
Jan 24 '08 #11
.......... 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
Jan 24 '08 #12
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 !!!
Jan 24 '08 #13
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
Jan 24 '08 #14
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
Jan 24 '08 #15
That's very nice .. XHTML is actually the last versions of HTML.

Thanks
Greetings
Jan 24 '08 #16
drhowarddrfine
7,435 Expert 4TB
No. XHTML is HTML formulated with XML. HTML5 is being worked on now and the first draft was just released a few days ago.
Jan 25 '08 #17

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

Similar topics

9
by: Dustin | last post by:
Here's what I am trying to do: (Names represent CSS classes.) I want to create a photo gallery. I want the entire gallery to be surrounded by a box named PhotoGallery. I want a fluid placement...
3
by: Philip | last post by:
I am trying to make a bunched of left-floated divs that will be contained in a larger div. the floated divs all contain a left-floated img and text of varying sizes. If I don't set a height (or...
2
by: darius | last post by:
Hi I want to do paragraphs with nested indent, like so para 1 .... ......... para 2 ....... ..... para 3 ...... .........
14
by: theo | last post by:
if I have nested div combinations, can I call for styles only to specific nested combos? It's 3 lists <li>, on one page, needing different styles. <div id=list1><li> <a id="t1"...
7
by: Joe | last post by:
Hello, The code below is an entire HTML page that has a problem when using a <p> tag inside a CSS box (when running IE6). I was being a good boy and I replaced my single-cell <table> elements...
5
by: Markus Ernst | last post by:
Hi I have a validation problem with a form and nested divs. I understand what the problem is, but I don't see how to fix it. This is my normal page structure, and it validates: <!DOCTYPE HTML...
2
by: Henk | last post by:
Isn't it so that when you are creating DIVs you are defining a part of the used layout? I will give an example. I set up two DIV's: ID 'main_story' and ID 'summary'. After setting this up I...
2
by: Guadala Harry | last post by:
Please follow my thinking here and tell me if I'm nuts or if this is a reasonable thing to do given the objective: I'd like to present 3 data values on an aspx page - each styled uniquely, and...
1
by: ChrisW | last post by:
Just out of interest, does anyone know what the behaviour of the following is supposed to be: <div style="width: 80%"> <div style="width: 600px"> <!--HTML code goes here --> </div>
3
by: xscape | last post by:
Hi all, I have an XML file which contains a load of nested divs. I'm trying to write some XSL to create a new XML file with all the excess divs removed, but I want to retain the content and place...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
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...
0
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...

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.