Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

How to put multiple div's side by side?


  • Please log in to reply

#1
Joeturf

Joeturf

    Member

  • Member
  • PipPipPip
  • 158 posts
Hello,

I'm fairly new to CSS and web-design and would like to know how to lay out two (or more) div's side by side in a website. For instance, if 'X' represents a div with content in it:

X X X X X

with all of them in one row. Is it also possible to keep the div's lay out intact no matter what the window size is?

All help's appreciated, thanks!
  • 0

Advertisements


#2
Metallica

Metallica

    Spyware Veteran

  • GeekU Moderator
  • 33,101 posts
Does this describe what you have in mind?

http://battletech.ho...v/template.html
  • 0

#3
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Other link sources
  • 0

#4
Joeturf

Joeturf

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 158 posts
Thanks!
  • 0

#5
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Your welcome. Need any specific help with this topic, post back.
  • 0

#6
nivabeath

nivabeath

    New Member

  • Member
  • Pip
  • 1 posts

<div style="width:100%">
 

 <div style="float:left;background:red;">  First 
Div </div> <div 
style="float:left;background:blue;">  Second 
Div </div></div>

 

Source : http://www.corelangs...x/divindiv.html

 

Niva


  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP