homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

footer coming out of container

Msg#: 4417225 posted 4:59 am on Feb 14, 2012 (gmt 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!




WebmasterWorld Senior Member 10+ Year Member

Msg#: 4417225 posted 7:13 pm on Feb 14, 2012 (gmt 0)

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.



Msg#: 4417225 posted 3:22 am on Feb 17, 2012 (gmt 0)

Hi jenyarubanova

take out "position: relative" and the .foot class should pop right under your form


Msg#: 4417225 posted 8:56 am on Feb 29, 2012 (gmt 0)

Thanks! That helped!

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved