how make the middle column load first in 3 column CSS webpage

Discussion in 'CSS' started by enovabiz, Aug 2, 2006.

0
  1. #1
    There is this 3 column webpage made in CSS using DIVs.
    The left column is for menus, middle one of content an dright one for some other purpose.

    Now, My question is How do I make the middle column load first...Is it possible???
     
    enovabiz, Aug 2, 2006 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    kk5st, Aug 2, 2006 IP
  3. bacanze

    bacanze Peon

    Messages:
    2,419
    Likes Received:
    127
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I would also like to know this, but cant find any info on it :(
     
    bacanze, Aug 3, 2006 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    Did you follow my link? I did the search for you.

    gary
     
    kk5st, Aug 3, 2006 IP
  5. jacksmith

    jacksmith Peon

    Messages:
    1,013
    Likes Received:
    27
    Best Answers:
    0
    Trophy Points:
    0
    #5
    jacksmith, Aug 3, 2006 IP
  6. Gordaen

    Gordaen Peon

    Messages:
    277
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Crude sample:

    <head>
<style>
div.leftColumn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	background-color: #330066;
}
div.rightColumn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
	background-color: #330066;
}
div.mainColumn {
	margin-left: 200px;
	margin-right: 200px;
}
</style>
</head>
<body>

<div class="mainColumn">Middle column here</div>
<div class="leftColumn">Left column here</div>
<div class="rightColumn">Right column here</div>

</body>
    HTML:
     
    Gordaen, Aug 3, 2006 IP
  7. enovabiz

    enovabiz Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Yes, I did and passed this to my desinger. He is looking in to it. Let's hope he finds the answer.

    Thanks
     
    enovabiz, Aug 4, 2006 IP
  8. Kendothpro

    Kendothpro Well-Known Member

    Messages:
    574
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    120
    #8
    essentially, the code appearing first in your source is the one loaded first on the user's screen
    the css is just used to "move" it to the centre while keeping it at the beginning of the document source
     
    Kendothpro, Aug 6, 2006 IP