Web Design Forums

weldo · 05-12-2006, 07:35

i seem to be having trouble finding a way to to make my main div appear at the top of the code for SEO.

is this where position:absolute comes in to play ?

any links ? advice ? etc ....

ta

stickmus · 05-12-2006, 09:55

Floats usually. Float main content one way and then nav/secondary the other.

Or for more complicated layouts, use:
http://alistapart.com/articles/negativemargins

funkyprem · 05-12-2006, 09:56

order of code:

header
content
nav
footer

content and nav in a containing div

content floated right and nav left. make sure you put widths on them both et viola.

------------------

EDIT: beaten to the draw dag nammit!!!!

weldo · 05-12-2006, 10:16

yeah i'm already doing that ... but with 3 cols it seems to require something trickier ....

think i need to look at negative margins then ...

ta

funkyprem · 05-12-2006, 11:40

no need for negative margins dude!

try....

http://www.glish.com/css/7.asp

or everyone's best web friend..

stickmus · 05-12-2006, 11:44

Bit of a list here, with footnotes about why not to use:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts

weldo · 05-12-2006, 11:52

Quote:

Originally Posted by funkyprem

no need for negative margins dude!

try....

http://www.glish.com/css/7.asp

or everyone's best web friend..

yeah - i had seen that one - but wanted to avoid absolute positioning if poss ...

weldo · 05-12-2006, 11:53

Quote:

Originally Posted by stickmus

Bit of a list here, with footnotes about why not to use:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts

thanks ...

a colleague here manged to knock something up that may work for us in about 3 minutes .... i've been faffing about for a day on this ....

is it time to go home yet ??

smallbeer · 05-12-2006, 12:03

You normally just need an extra 'wrapper' div.

Code:

<div id="content">

  <div id="wrapper">

    <div id="main-column">
      main column
    </div>

    <div id="left-column">
      left column
    </div>

  </div>

  <div id="right-column">
    right column
  </div>

</div>

#content {
width: 700px;
float: left;
}

#wrapper {
width: 500px;
float: left;
}

#main-column {
float: right;
width: 300px;
}

#left-column {
float: left;
width: 200px;
}

#right-column {
float: right;
width: 200px;
}

remember though, guns don't kill people, wrappers do.

weldo · 05-12-2006, 12:10

Quote:

Originally Posted by smallbeer

You normally just need an extra 'wrapper' div.

yeah ... thats where i'm up to ...

Quote:

Originally Posted by smallbeer

remember though, guns don't kill people, wrappers do.

ha. went to see GLC on saturday - did you see them in Leeds then ?
funny..

smallbeer · 05-12-2006, 12:14

no. I didn't know they were still gigging. I saw them at a festival once and nearly died of embarassment. That might have been the toilets though.

05-12-2006, 07:35	#1 (permalink)
weldo now with added beard Join Date: Mar 2004 Location: Liverpool Posts: 5,631	forcing main content div first ?? i seem to be having trouble finding a way to to make my main div appear at the top of the code for SEO. is this where position:absolute comes in to play ? any links ? advice ? etc .... ta __________________ fuck signatures

05-12-2006, 09:55	#2 (permalink)
stickmus hmmm... Join Date: Jan 2004 Location: Yorkuk Posts: 2,127	Floats usually. Float main content one way and then nav/secondary the other. Or for more complicated layouts, use: http://alistapart.com/articles/negativemargins __________________ George Smith - a vain attempt to get higher on google for my name

05-12-2006, 09:56	#3 (permalink)
funkyprem For all your goober needs Join Date: Dec 2004 Location: Coventry, UK Posts: 1,557	order of code: header content nav footer content and nav in a containing div content floated right and nav left. make sure you put widths on them both et viola. ------------------ EDIT: beaten to the draw dag nammit!!!! __________________ Time is really the only capital that any human being has, and the one thing that he can’t afford to lose. - Thomas Edison prem ghinde

05-12-2006, 10:16	#4 (permalink)
weldo now with added beard Join Date: Mar 2004 Location: Liverpool Posts: 5,631	yeah i'm already doing that ... but with 3 cols it seems to require something trickier .... think i need to look at negative margins then ... ta __________________ fuck signatures

05-12-2006, 11:40	#5 (permalink)
funkyprem For all your goober needs Join Date: Dec 2004 Location: Coventry, UK Posts: 1,557	no need for negative margins dude! try.... http://www.glish.com/css/7.asp or everyone's best web friend.. __________________ Time is really the only capital that any human being has, and the one thing that he can’t afford to lose. - Thomas Edison prem ghinde

05-12-2006, 11:44	#6 (permalink)
stickmus hmmm... Join Date: Jan 2004 Location: Yorkuk Posts: 2,127	Bit of a list here, with footnotes about why not to use: http://css-discuss.incutio.com/?page=ThreeColumnLayouts __________________ George Smith - a vain attempt to get higher on google for my name

05-12-2006, 12:14	#11 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,206	no. I didn't know they were still gigging. I saw them at a festival once and nearly died of embarassment. That might have been the toilets though. __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search