It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Programming CSS Forum

Positioning problem

Positioning problem

Postby MichaelScott on Sun Jan 17, 2010 4:25 am

OK I have these 6 pages. They should all basically look like this page :

http://img697.imageshack.us/img697/9565/onevo.jpg

^ That is "leftcoldeep".

But they basically all look like this page:

http://img8.imageshack.us/img8/169/twou.jpg

^ That is all of the other parts.

The HTML layout is the exact same. Only the content is different. However for some reason I lose the bottom links over the main picture (which in the CSS is "nav"). I also lose the right half of the page's content. And again the HTML is the exact same on those two sample pages pictured above. Only the content is different (actually it's the same in those two pictures, but for the actual site it's different). I'm not very good at CSS, I only read a brief tutorial on it before I kind of delved in, so that's why I'm assuming it's the CSS.



CSS:

Code: Select all
/* CONTENT LEFT COLUMN */

#leftcol, #leftcolmem, #leftcolcloud, #leftcolmist, #leftcoldeep, #leftcolemerald {
   width : 300px;
   height : 400px;
   float : left;
   text-align : right;
   font-weight : bold;
}

#leftcol, #leftcolmem, #leftcolcloud, #leftcolmist, #leftcoldeep, #leftcolemerald a {
   color : #E2E0E0;
   text-decoration : none;
   line-height : 13px;
}

#leftcol, #leftcolmem, #leftcolcloud, #leftcolmist, #leftcolemerald, #leftcoldeep #nav {
   margin-top : 379px;
   margin-right : 7px;
   float : right;
}

#leftcol, #leftcolmem, #leftcolcloud, #leftcolmist, #leftcolemerald, #leftcoldeep #nav span {
   display : block;
   margin : 0px 1px 0px 2px;
}

#leftcol, #leftcolmem, #leftcolcloud, #leftcolmist, #leftcolemerald, #leftcoldeep #nav b {
   margin-left : 3px;
   border : #CCCCCC 1px solid;
   display : block;
   float : left;
}

#leftcol {
   background : url('images/main_img.gif') no-repeat 0px 0px;
}

#leftcolmem {
   background : url('images/main_memberships.jpg') no-repeat 0px 0px;
}

#leftcolcloud {
   background : url('images/maincloud.jpg') no-repeat 0px 0px;
}

#leftcolmist {
   background : url('images/mainmist.jpg') no-repeat 0px 0px;
}

#leftcoldeep {
   background : url('images/maindeep.jpg') no-repeat 0px 0px;
}

#leftcolemerald {
   background : url('images/mainemerald.jpg') no-repeat 0px 0px;
}


Ok, here are the two websites. Sample 1 is the working one, Sample two is the broken one. And obviously the CSS is the CSS.

http://www.mediafire.com/download.php?mjywmntgt1z


Thanks a lot for any help!
MichaelScott
 
Posts: 1
Joined: Sun Jan 17, 2010 4:21 am

Who is online

Users browsing this forum: No registered users and 1 guest