...

View Full Version : Help with layout...?



cloud4xL
09-19-2011, 04:38 AM
Hey all, I was wondering if you all could help me with Soundclick layout I'm working on?

I have 2 problems with it so far:

1) I'm trying to get all of the content centered, but whenever I try to re-position the mainTable (which, if I'm not mistaken, is the main "box" that everything is contained in), part of it disappears. :confused: Is there a simple tag that will allow me to do that?

2) If you notice on the page, all of the song boxes (down near the bottom) are all scrunched up together...I've tried adjusting the height of the .mainContent, .mainTable, and .navigation classes to expand the container, but they're still not expanding like they should. :(

If you go to www.dreasbeats.com, you can see an example of how they SHOULD look.

Can anybody tell me why this is happening??? And also, how to fix it?? :confused: Very confused about this...:mad:

Thanks in advance to any and everyone who can provide some assistance!! :thumbsup:

~ c4xL

vikram1vicky
09-19-2011, 10:26 AM
To center aligned main container you can use following code:


#wrapper {
width:1000px;
margin:0 auto;
position:relative;
overflow:auto;
}

How ever for issues, please share your page link and full code atleast..

guiyman
09-19-2011, 11:24 PM
#main
{
width:1000px;
margin:0 auto;
}

For IE6


body
{
_text-align:center;
}
#main
{
width:1000px;
margin:0 auto;
_text-align:left;

}

cloud4xL
09-20-2011, 05:11 AM
To center aligned main container you can use following code:


#wrapper {
width:1000px;
margin:0 auto;
position:relative;
overflow:auto;
}

How ever for issues, please share your page link and full code atleast..

@Vicky: Oh yea, sorry about that... :o

Here's the code that I used for the .mainTable class (the MAIN container), the .navigation class (which houses the layout, as well as some other components), and the .mainContent class (which, if I'm not mistaken, is where the songBoxes and what not are contained):


/*** MAIN TABLE ***/

.mainTable {
background-color: transparent;
background-repeat: no-repeat;
border: 2px solid transparent;
position: ;
clear: both;
width: 100%;
height: 5000px;
overflow: hidden;
margin-left: auto;
margin-top: auto;

}


/*** LEFT-SIDE NAVIGATION ***/

.navigation {
background-color: transparent;
background-image: url(http://i1201.photobucket.com/albums/bb357/HusaynDoesIt/LUCIANO%20BEATS/luciano_beats_sc_layout_1_final.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
clear: both;

}

/*** MAIN CONTENT ***/

.mainContent {
background: none repeat scroll 0 0 transparent;
width: 100%;
height: 100%;
clear: both;
position: absolute;
top: 200px;
margin-bottom: 10px;
overflow: hidden;

}




The link to the page where you can view the layout is www.soundclick.com/lucianobeats.

If you go there, you can see what I mean (about the layout being off-center, and the songs all piling up on top of each other :mad: ).

Like I said, I'm trying to have the position of the layout look more like www.dreasbeats.com (with the way it's all centered, and how his individual songBoxes aren't all scrunched up together).

If anybody can help me get there, it would be GREATLY appreciated!! :cool:

vikram1vicky
09-20-2011, 08:01 AM
Hey guys what is web 2.0? is it useful in SEO?

Sonia,

Following are some links, which will help you :)

http://en.wikipedia.org/wiki/Web_2.0

http://webdesign.about.com/od/web20/a/aa021306.htm

http://www.andybudd.com/presentations/dcontruct05/



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum