Chat LIVE With Programming Experts! There Are 23 Online Right Now...

Welcome to Dream.In.Code
Become an Expert!

Join 244,295 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 882 people online right now. Registration is fast and FREE... Join Now!




Make text in a div expand the vertical layout of a webpage.

 
Reply to this topicStart new topic

Make text in a div expand the vertical layout of a webpage.

tarjep
11 Jan, 2009 - 07:33 AM
Post #1

New D.I.C Head
*

Joined: 29 Dec, 2008
Posts: 4

Hi, I've been all around the web trying to find some info on css and web-layout. But I haven't been able to find any useful info.
I've done some webdesign/coding with tables before and it's seems so much more easy to use than css/divs method, but I'm still persistent on making the css/divs to work.

What I need is the layout of my webpage to expand vertically and repeat when I'm typing text in the content window. I've made a illustration to show what I intend to do. I've sliced up the design, (each image in the design are separated by a red line to illustrate each slice).

The green slices needs to connected to each other and places at the top part of the browser, the purple slices needs to be repeated vertically when the content box expands, and the yellow slices needs to be pushed down by the purple slices and stay in the same relative positioning to each other. Can anyone tell me how this can be done? Hope I've made myself clear.



User is offlineProfile CardPM
+Quote Post


Bench
RE: Make Text In A Div Expand The Vertical Layout Of A Webpage.
11 Jan, 2009 - 07:56 AM
Post #2

D.I.C Addict
Group Icon

Joined: 20 Aug, 2007
Posts: 827



Thanked: 57 times
Dream Kudos: 150
Expert In: C/C++

My Contributions
This is the C++ forum - I suggest you direct your question to a forum related to web development instead
User is offlineProfile CardPM
+Quote Post

tarjep
RE: Make Text In A Div Expand The Vertical Layout Of A Webpage.
11 Jan, 2009 - 08:01 AM
Post #3

New D.I.C Head
*

Joined: 29 Dec, 2008
Posts: 4

Hi, I've been all around the web trying to find some info on css and web-layout. But I haven't been able to find any useful info.
I've done some webdesign/coding with tables before and it's seems so much more easy to use than css/divs method, but I'm still persistent on making the css/divs to work.

What I need is the layout of my webpage to expand vertically and repeat when I'm typing text in the content window. I've made a illustration to show what I intend to do. I've sliced up the design, (each image in the design are separated by a red line to illustrate each slice).

The green slices needs to connected to each other and places at the top part of the browser, the purple slices needs to be repeated vertically when the content box expands, and the yellow slices needs to be pushed down by the purple slices and stay in the same relative positioning to each other. Can anyone tell me how this can be done? Hope I've made myself clear.


Attached Image
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 7/4/09 04:34PM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month