MajorGeeks Support Forums

Go Back   MajorGeeks Support Forums > ----------= PC, Desktop and Laptop Support =---------- > Software
Register FAQ Members List Calendar Mark Forums Read

Software Software such as operating systems like Windows XP, Windows Vista, Windows 7 etc., or specific programs.

Closed Thread
Thread Tools Display Modes
Old 06-16-09, 03:43
georgey12345 georgey12345 is offline
Private E-2
Join Date: May 2009
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Default CSS divs positioning question

I am designing a site with HTML and CSS. I cant position the divs correctly. Can someone tell me the correct code. Imagine 2 divs, one on the right and one the left, both of same heights. That is simple. But i would like one on the left and 3 on the right, and the height must add up back to that of the left.

Thank you so much for your help.
Sponsored links
Old 06-16-09, 07:17
MutD's Avatar
MutD MutD is offline
Join Date: Apr 2005
Posts: 307
Thanks: 1
Thanked 7 Times in 7 Posts
Default Re: CSS divs positioning question

This should do it (only tested in Firefox)



    <div style="float:left; background-color:red; width:50%; height:600px;">a</div>

    <div style="float:right;width:50%;">

      <div style="background-color:blue; height:200px;">b</div>
      <div style="background-color:yellow; height:200px;">c</div>
      <div style="background-color:green; height:200px;">d</div>

Moving the inline styles into a css file is an exercise left for the reader
If at first you dont succeed, try, try again. Then quit. There's no point being a damn fool about it.
Closed Thread

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Question about the correct protocol to get a question answered at Major Geeks Maggie Software 16 03-26-04 13:45

All times are GMT -5. The time now is 02:14.

MajorGeeks.Com Menu

MajorGeeks.Com \ All In One Tweaks \ Android \ Anti-Malware \ Anti-Virus \ Appearance \ Backup \ Browsers \ CD\DVD\Blu-Ray \ Covert Ops \ Drive Utilities \ Drivers \ Graphics \ Internet Tools \ Multimedia \ Networking \ Office Tools \ NEW! PC Games \ System Tools \ Macintosh \ Demonews.Com \ Top Downloads

MajorGeeks.Com \ News (Tech) \ Off Base (Other Websites News) \ Way Off Base (Offbeat Stories and Pics)

Social: Facebook \ YouTube \ Twitter \ Tumblr \ Pintrest \ RSS Feeds

All content Copyright source code Powered by vBulletin® Version 3.8.4
Copyright © 2009 vBulletin Solutions, Inc. All rights reserved.
Ad Management by RedTyger