div overflow help

This is a discussion on "div overflow help" within the Web Page Design section. This forum, and the thread "div overflow help are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Feb 3rd, 2006, 13:00
New Member
Join Date: Feb 2006
Age: 21
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
div overflow help

this is the code i'm having problems with:


<style type="text/css">

body {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
margin : 0;
padding : 0;
}

/* text */

h1 {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
line-height:30px;
}

/* div classes */

div.row {
position:relative;
left:10px;
width:326px;
height:20px;
z-index:1;
margin-bottom:8px;
text-align:right;
}

div.cell_title, div.cell_content {
position:absolute;
top:0px;
float:left;
padding:0px 0px 0px 8px;
border:1px solid #E4E4E4;
text-align:left;
line-height:17px;

}

div.cell_title {
background-color: #E4E4E4;
left:0px;
width:100px;
z-index:2;
}

div.cell_content {
background-color:#FCFCFC;
left:100px;
width:224px;
z-index:3;

}

/* form elements */

.input {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
background-color: #FCFCFC;
height:15px;
width:213px;
border:0;
}

.textarea {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
background-color: #FCFCFC;
height:100px;
width:213px;
border:0;
overflow:auto;
}

</style>

<h1>Contact</h1>
<form action="?menu=contact" method="post" name="contact">
<div class="row">
<div class="cell_title"><label for="name">name:</label></div>
<div class="cell_content"><input type="text" class="input" name="name" id="name"/></div>
</div>

<div class="row">
<div class="cell_title"><label for="email">email:</label></div>
<div class="cell_content"><input type="text" class="input" name="email" id="email" /></div>
</div>

<div class="row">
<div class="cell_title"><label for="message">message:</label></div>
<div class="cell_content"><textarea class="textarea" name="message" id="message"></textarea></div>
</div>

<div class="row">
<input type="image" src="includes/images/btn_add.gif" name="Submit" value="Submit">
</div>
</form>



My problem is that my "row" div's overlay if their content is larger. Because of that i cannot see the send button from my form (the textarea height is bigger that the height of the "row" div - i need the layer to
expland according to the content, but i don't want it to overlay on what is after it!).
I hope that you understood my problem and could help my with it.

Thanks in advance!
Reply With Quote

Reply

Tags
div, overflow, help

Thread Tools

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
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Images Overflow in footer Grubious Web Page Design 5 Jun 16th, 2008 05:22
Overflow Problem MattHen Web Page Design 0 Jan 17th, 2007 15:43
List Overflow tolis Web Page Design 1 Aug 21st, 2006 13:25
css, overflow, firefox djme Web Page Design 5 Feb 5th, 2006 21:03
Overflow Scroll bars help Miles Lombardi Web Page Design 2 Oct 9th, 2005 22:19


All times are GMT. The time now is 13:39.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43