Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

footer coming out of container

4:59 am on Feb 14, 2012 (gmt 0)

New User

5+ Year Member

joined:Feb 14, 2012
posts: 6
votes: 0

Hello everyone,

This is my first post and I hope that you guys can help me understand my issues. I am pretty new to creating a website with CSS and I have an issue of my footer @.... coming out of my container. Here is the code:

<div id="footer">

<form class="newemail">
Name: <input type="text" name="firstname"/>
Email: <input type="text" name="mail"/>
<input type="submit" value="send"/>

<p class="foot"> &#169; IZDALIA / All Rights Reserved </p>


The p class="foot" is coming out of my container when the page is being minimized. The css for this is:

.foot {
align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.15em;
right: 200px;
top: 20px;

Another issue I am having is that my form area is getting way bigger as well when the page is minimized and looks awkward and unproportional compared to the rest of the items. Is there a way to fix the form area to be small as well? I appreciate all the answers and any help offered!

7:13 pm on Feb 14, 2012 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Sept 4, 2001
votes: 34

Hi Jenyarubanova and welcome to WebmasterWorld.

If you post the relevant HTML, and possibly some more CSS, I would be happy to look at it.

3:22 am on Feb 17, 2012 (gmt 0)

New User

5+ Year Member

joined:Feb 16, 2012
votes: 0

Hi jenyarubanova

take out "position: relative" and the .foot class should pop right under your form
8:56 am on Feb 29, 2012 (gmt 0)

New User

5+ Year Member

joined:Feb 14, 2012
posts: 6
votes: 0

Thanks! That helped!

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members