...

View Full Version : Having A positioning Problem With layout



Bry Man
10-11-2004, 01:41 AM
Hi
Ive bee working on a new layout for my site for about 2 days now and ive spent about a day and a half and aa certain problem is just buggin the crap out of me and i jsut cant seem to figure it out.

I have a 3 Colum web page and the 2 outer ones are behaving properly as they should (I think) but the middle one isnt resizing itself properly to fit lower or higher resolutions, it is resizing however but out of proportion to the rest of my site. The middle colum code for the site which is extremely simple is this


<div class="col2">
<div class="date">October 11th 2004</div>
<div class="news">And todays news is what is in here</div>
</div>

And the css that contros it is

.col2 {
border-collapse:collapse;
position:absolute;
top:167px;
left:17%;
right17%;
width:66%;
border:0px solid #009900;
padding:3px;
}

Also I dont know if this is of any sue but heres the code for the news and date sections

.date {
padding-right:1px;
margin-bottom: -1px;
border-collapse:collapse;
width:100%;
background-color:#011B35;
color:#FFFFFF;
font-size:15px;
border:1px solid #000000;
text-align: center;
}
.news {
padding-left:1px;
padding-bottom:1px;
padding-top:1px;
margin-bottom:-1px;
font-size:13px;
border-collapse:collapse;
width: 100%;
background-color:#304459;
border:1px solid #000000;
border-top-width: 0px;
color: #FFFFFF;
}

Any help is apreciated

hemebond
10-11-2004, 01:58 AM
Can we see the code for the other 2 columns?

Bry Man
10-11-2004, 02:19 AM
sure thing heres the css part

.col1 {
border-collapse:collapse;
position:absolute;
top:167px;
left:0px;
width:196px;
border:0px solid #00ff00;
padding:3px;
}
.col3 {
border-collapse:collapse;
position:absolute;
top:167px;
right:0px;
width:196px;
border:0px solid #009900;
margin-right: 0px;
}

Since theres quite a bit of code ill include the other 2 colums in txt files, I have my site divided into 3 pieces, the right and left which are the txt files and the middle which i have given above if that is any more help

hemebond
10-11-2004, 04:29 AM
Your columns are resizing differently because your middle column has percentage units for the margins and your side columns are using pixel units for their width. Make them the same unit and adjust accordingly.

Bry Man
10-11-2004, 04:47 AM
hmm it seems that ive tried making them all percents and had the same effect....ill try it again tho and ill get back to ya, im runnin a system scan for Apsiv.A right now lol so everythings kinda sloooowwwwww adn i cant use ftp

Bry Man
10-11-2004, 05:15 AM
No it didnt work :confused: I changed it to this, and I still get the same effect.


.col1 {
border-collapse:collapse;
position:absolute;
top:167px;
left:0px;
width:16%;
padding: 3px;
}

.col2 {
border-collapse:collapse;
position:absolute;
top:167px;
left:17%;
right17%;
width:66%;
padding: 3px;
}

.col3 {
border-collapse:collapse;
position:absolute;
top:167px;
right:0px;
width:17%;
padding: 3px;
margin-right: 0px;
}

Bry Man
10-12-2004, 01:50 AM
nobody's got any other ideas eh?, ive tried all combos of widths in pixels and percent and all that but theya ll have the same exact effect



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum