|
| |
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
 |
3 columns in wrong order - 12/5/2004 17:20:27
Has anyone ever tried/succeded in producing a CSS/XHTML based 3 column design in which the columns appear in the HTML code in the wrong order?
I'm after something like this:
+-----------------+
|.....header......|
+-----------------+
|left|middle|right|
+-----------------+
|.....footer......|
+-----------------+
But I want the html code to be in the order:
middle, left, right, header, footer.
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
|
|
|
|
caz
Posts: 3546
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
RE: 3 columns in wrong order - 12/5/2004 18:29:06
Well, yes that is what CSS is for. In the code of one of my sites I have the middle (content) following the header because that would make it easier for speech readers to get to the 'meat' of the site. This is then followed by the right column for further information. The nav in the left column is next to offer further destinations and the footer is last with the copyright, contact, privacy and shortcut back to home. So the style is totally separate from the semantic structure and the layout is achieved with postioning of divs.
Deb's favourite site Position is everything is a geat help. I am not sure about your header position though, surely you have to identify the site first - unless it is all graphics.
Cheers
Carol
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: 3 columns in wrong order - 12/5/2004 18:54:45
accounttest.info/hk/hk/page.htm
- There always seems to be a problem with either the right side, or the footer.
The link helped a lot, I have an idea I will try out, hope it works.
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: 3 columns in wrong order - 12/6/2004 20:21:50
quote:
Hmm, the problem is that the left side is fixed- and pretty much must stay that way for menu purposes.
Why must it stay this way for the menu?
If you have a wrapper div, float that, put your menu within, float that, it should work,
Also MUST, always give a floated container a width. Say your container div is 98%, then your nav can be 50% and yoru content could be 45%, be careful if you use borders, they can fall apart in IE. And to help you out, use background colors with your layouts, this helps you to see the position of your divs.
div#container float left
div#nav float left
div#content float left
div#clear (this is just a div that has styles of clear:both;)
/wrapper
div#footer (not floated
I have several layouts right now that have
wrapper, floated left with content and they work out. Why must you have the menu fixed? It will work if the layout if fluid.
However, if you wish it to be fixed, go to a site called thefixor, in there somewhere there are layouts for css that have fixed and fluid layouts thta you can play around with.
quote:
But I want the html code to be in the order:
middle, left, right, header, footer.
Why would you wish to do things out of order? Wouldn't it be better and make more sense to have things go in order? Just curious to your response on this because this method has never really made sense to me.
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
Kitka
Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline
|
RE: 3 columns in wrong order - 12/6/2004 21:46:51
quote:
Just curious to your response on this because this method has never really made sense to me.
Hi Deb,
For me, it is like caz said above:
quote:
I have the middle (content) following the header because that would make it easier for speech readers to get to the 'meat' of the site.
Plus, if you have the best content near the top, it improves the content of "snippet" that search engines take to display with your url.
_____________________________
Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**
| |
|
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: 3 columns in wrong order - 12/7/2004 17:03:03
I did just now. Thanks. I think I almost have this fixed now
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: 3 columns in wrong order - 12/13/2004 11:15:47
Ok, everything seems to work ok, except for the footer.
The footer should be below everything on the page, not just the middle div.
accounttest.info/hk/hk/index2.htm
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
caz
Posts: 3546
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
RE: 3 columns in wrong order - 12/13/2004 17:24:48
Have you looked at it in screen size 800x600? It looks more like you want it to look there. Something to do with pixel sizing, not relative?
Have you tried putting everything but the footer in a wrapper div and playing with the sizing?
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: 3 columns in wrong order - 12/14/2004 8:26:54
quote:
Have you tried putting everything but the footer in a wrapper div and playing with the sizing?
I think she has a great idea here. For some reason footers tend to behave when they are outside of your wrapper. Not sure why, but if you play with a few layouts both ways, you will see that this is true.
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: 3 columns in wrong order - 12/14/2004 19:55:15
Have you tried putting everything but the footer in a wrapper div and playing with the sizing?
- Yes, that's how it is right now...
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: 3 columns in wrong order - 12/14/2004 20:58:06
Try doign the wrapper, all your divs except for the footer, put the footer in after you close the wrapper container. Also, put a clearing div in before you close your wrapper.
In your style sheet:
div#nameofdiv {
clear: both:
}
then in your xhtml/html put
<div id="nameofdive"></div>
This should help you out a bit.
And remember to put your footer after you close your wrapper and the clearing div within the wrapper as your last div. Try this out and let us know how it works for you.
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: 3 columns in wrong order - 12/15/2004 11:48:40
I implemented the change into index3.htm, but the computer I am using right now shows a lot of pages very messed up. I will have to verify it works when I get back home.
Btw, that homer image is the first image I used back in Junior High on my very 1st web site. If you give him a donut, he will calm down.
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: 3 columns in wrong order - 12/16/2004 13:28:19
Thanks Peter, I had a feeling there would be a big issue with the position of the divs- which is why I am still trying to figure this problem out.
I inserted the code you provided, seems to be a bit better in FF, but really screwed up in IE (when it is re-sized).
My CSS knowledge is limited, so I really hope someone might be able to figure this out with me. Any other places (for CSS gurus) I could post my question at?
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
caz
Posts: 3546
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline
|
RE: 3 columns in wrong order - 12/16/2004 17:50:21
Before you post elsewhere you might like to follow this troubleshooting guide:
http://www.frontpagewebmaster.com/m-229679/tm.htm
You might find your own solution, but if not you have the basis for asking for further help. I also think that Peter is right, somewhere along the line you may have to take advantage of the natural flow by using position: relative.
You could also consider adding a clearing div making sure that it is above the footer, and below the left nav column.
We just keep bobbing along, don't we?
Carol
_____________________________
Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk
I remember when it took less than 4hrs to fly across the Atlantic.
| |
|
|
|
BobbyDouglas
Posts: 5469
Joined: 5/15/2003
From: Arizona
Status: offline
|
RE: 3 columns in wrong order - 12/16/2004 21:15:44
Oh great, this is going to be a long night...
_____________________________
Arizona Web Design - Mr Bobs Web Design in Arizona
The Arizona Web Hosting Challenge
| |
|
|
|
Kitka
Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline
|
RE: 3 columns in wrong order - 12/18/2004 8:30:04
Touche Donkey! I fully concur ... plus if my avatar is *that* annoying, anyone please tell me and I will change it forthwith, no questions asked.
_____________________________
Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
I take that back. 
.
