DJKAL

I have a div which is 780 pixels wide which then has 2 div's inside it, one for navigation and one for the main content. what i want is the main div tag to be in the center, so that the two other div tags are side by side within it, either with a gap between them or not - which i think i can do. but i cant get the outer div to center, any help on this please?i did try some of the solutions previously mentioned but i cant seem to get them to work for me

Sorry to double post.I have thought of another way which might work. it involves one div tag, with a border. then a vertical line to split the navigation from the main content and a horizontal line. this means there will be one div tag, not 4 so that it will all change height - it will eliminate the gap between the two div tags but im sure that will be ok.what i need to know is though, how to i insert a vertical line? i know <hr> is for horizontal but i dont know the vertical line codes. any help?thanks.

from what i understand of that, i would have to use images. though, as my background has a gradient i wont be able to use extra images to create the effect.unless i created a div tag of a width say 17% (the navigation area), set that to have a black border as it does now, and then used a vertical white line, 1 px wide repeated across (x). this would give me the correct height. though i think this would work, it would take a lot of time to load and each time i load a new page would have to load a new white image as the sizes will be different form page to page. my idea is to have one background for all pages, and one basic lay out (as on my home page) but the height of each page will differ depending on it's content, for example. the homepage may just say welcome but the tours page may have many tours and so will be longer. for this reason i just wanted to use div tags with a white background. but i want them to be the same height as each other on any one page but when the width alters for diffeent display sizes and resolutions i want them to stay the same height as each other on that page, though they will become longer if the content is made to use smaller lines. to explain better, load the website from the first post, then make the window thinner. you'll notice the ratio of each div tag stays the same, they never come too close to eachother and keep their margins, but the whole thing messes up height wise.

tried those codes you gave me, still no luck

expand i spose.the reason i can just use "br" is because the width is variable depending on the size of the window (set using percentages) it means that when i make the window smaller, or load the web page on a different monitor (say, laptop) that is smaller the page resizes automatically to keep the same layout. but, when loaded on a smaller display the text takes up more lines cos each line is shorter) and so it makes the div tag longer, which is fine. but i want to keep the navigation div and the main div the same height all of the time. using "<br />" doesnt work because it becomes too long or short when on a smaller display. i want it to be set to 100% of the div tag which holds the two smaller div tags (navigation and menu) so they will always be the same height,

it's seperate, starts a new div tag under neath - again inside a bigger div tag to hold that and the copyright section.

Just tried it, and it doesnt seem to work :)set the height to be 100% and it doesnt work. maybe i've done something wrong? the div tag deffinaltey surrounds it but "height: 100%;" doesnt make the height to be 100% of the main div tag.

hi thankscan i set the height to be 100%? so that the height of the navigation div and the main div are the same? as they are both inside a bigger div to keep them aligned well.

Hi, i am creating a website and hav 2 div tags, one for navigation and one for the information. though to make the layout look better i want to make the two the same height, i originally sued the "<br />" tag, but then realised this wont work because the div tags are set to resize depending on the display size (setting the width to a certain %age) how can i get them to have the same hieghts though?the website is at http://2347porthcawl.co.uk/the "about us" page doesnt have the br tags but the hompage does (may not display in line for you as they do for me height wise though) any ideas?thanks.

Hi, i am doing a new website and i need help on creating a form. i have never been able to do them right.i want to be able to type in everything, and have fields which are compulsary to fill in, others are not. and i want it to be sent straight to the email account, whenever i have done them before when i click "submit" it just opens a new email in outlook (or thunderbird now) i dont want this, i just want it sent straight from the website.can anyone help me with information and examples on how to create such a form?thanksCalum.

thanks for all of your help, wil luse the code soon as i am short on time at the moment.but it will deffinatly be used.thanks a lot for your help and information.

thanks for that code!really appreciate it, can you just explain what the "<br style="clear:both"/>" is for please?just for future refereancethanks

hey,i am just wondering how do i align the div tags to the right?i can center it easily, but i need one on the right and another on the left.is it possible to have these so they will resize the space between the browser edge and the other tag automatically - including resizing the tag if neccasary?what i want to create, is 2 div tags.one on the left as a navigation menu and another on the right for my main text - this may soon change to 3 aswell, one on the left, one center and one on the right.but for now, can someone show me the code for creating well spaced and automatically resizing/moving div tags please.hope this makes sense - not sure how to word it properlythanks

it's ok now,i used "<div align="center"><div class="....and that has worked ok - thanks for you help also:)

thanks for that code, the text has to be in the <div> tags though.i have now found that by wrapping the one div tag by another it will work in internet explorer and centrs the div tag.but i use firefox and it does not display the menu in the middle (not when using the "tect-align: center;" in the "body" section eitheris there any reason for this?the link to the webpage is:www.survivors-haven.co.uk/home.htmand for the CSSwww.survivors-haven.co.uk/style.css (some of that needs to be reodered but that is just for me to see it clearer when editing the site later

would this cause all my text to be centered also because i want the text to stay aligned to the left?

i have just treid this but it didnt work :)and thanks for the info on ID's and calsses

i want to center a <div> tag that i have placed links in. but not sure how.i have got my .div tag with borders etc, then set the <li></li> tags to display inline and that is ok, but how do i now go about centering the whole thing(i have not added <ul></ul> tags - will this matter?)on a small side note: when do you use "#" and "." cos i use "." for div tags but wasnt sure if "#" does the same.thanks.