 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
Soul_Reaper
Joined: 23 Mar 2008
Posts: 5
|
 Posted: Sat May 31, 2008 11:38 am Border issue |
 |
|
|
Hi, i have recently changed my site's content area from 600 or so px to 800 and i decided to remove some stuff
Original: http://anbuhq.zxq.net/index.php
but i have a problem: This is what the border should look like,
and this is what it does look like
Here is my css code and i hope someone can help me out ^^
| Code: |
body {
background-color:#BAC3CF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
img {
border:0;
}
#container {
width:800px;
margin:auto;
background-image:url(images/bg_main.gif);
}
#header {
background-image:url(http://s208.photobucket.com/albums/bb126/Samuto/header6.jpg);
height:141px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX LEFT MENU XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#left_float {
float:left;
width:129px;
margin:97px 5px 0px 12px;
}
#menu_container {
background-color:#3A3F4B;
padding:1px;
}
.menu_heading {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#fff;
background-color:#828282;
border-top:1px solid #AAAAAC;
padding:1px 0px 2px 6px;
}
.menu_item a:link, .menu_item a:visited {
display:block;
color:#fff;
background-color:#616570;
border-top:1px solid #3A3F4B;
border-bottom:1px solid #888B93;
padding:1px 6px;
text-decoration:none;
}
.menu_item a:hover {
background-color:#6F7482;
border:1px solid #fff;
padding-left:5px;
}
#affiliates_container {
margin-top:6px;
}
.affiliates_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#fff;
background-image:url(images/bg_spotlight.gif);
padding:3px 6px;
}
.affiliates_content {
border:1px solid #BDBDBD;
border-top:0;
padding:5px;
}
.affiliates_button {
padding:6px 0px;
background-color:#EBEBEB;
text-align:center;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX RIGHT TOP BOXES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#right_float {
float:right;
width:458px;
margin:6px 12px 0px 0px;
}
#right_top {
padding-bottom:6px;
}
#right_top_left {
float:left;
width:324px;
}
.right_top_title_spotlight {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#fff;
background-image:url(images/bg_spotlight.gif);
padding:3px 6px;
}
.spotlight_img {float:left; margin-right:6px}
.spotlight_title {color:#557D9B; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.spotlight_content {color:#666}
.right_top_title_latestnews {
margin-top:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#fff;
background-image:url(images/bg_spotlight.gif);
padding:3px 6px;
}
.right_top_content {
border:1px solid #BDBDBD;
border-top:0;
font-size:9px;
padding:5px;
}
.right_top_content a:link, .right_top_content a:visited {
color:#000;
text-decoration:none;
}
.right_top_content a:hover {
color:#E37703;
text-decoration:underline;
}
#right_top_right {
float:right;
width:127px;
background-image:url(images/featureyamato.jpg);
height:247px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX PAGE NAME AND CONTENT XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#right_content {
}
#page_title {
background-image:url(http://s208.photobucket.com/albums/bb126/Samuto/page_title1.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#fff;
padding:0px 5px 3px 0px;
margin-top:97px;
}
.page_title_location {
float:left;
padding:0px 34px 0px 8px;
}
.page_title_title {
color:#666;
font-weight:normal;
}
#page_content {
margin-top:6px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX NEWS ITEMS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.news_item {
border-bottom:1px solid #CCC;
padding-bottom:3px;
margin-bottom:3px;
}
.news_title {
font-size:13px;
}
.news_title_bold {font-weight:bold}
.news_title_date {font-size:10px; color:#557D9B}
.news_headlines_date {color:#557D9B}
.news_headlines_comments {color:#557D9B}
.news_content {
font-size:10px;
color:#666;
}
.news_comments {
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX FOOTER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#footer {
background-image:url(http://s208.photobucket.com/albums/bb126/Samuto/footer1.gif);
padding:23px 0px 11px 0px;
text-align:center;
}
#footer a:link, #footer a:visited {
text-decoration:none;
color:#666;
}
#footer a:hover {
color:#E37703;
} |
|
|
sticks464
Joined: 31 Dec 2006
Posts: 937
|
| Posted: Sat May 31, 2008 6:55 pm |
|
|
|
| From just a quick glance, you did not change the size of the right_float when you changed the container size. The right and left containers width add up to 587px not counting any padding or taking into effect margins, and the 458px is probably the old width for the right container. |
|
Soul_Reaper
Joined: 23 Mar 2008
Posts: 5
|
| Posted: Sun Jun 01, 2008 6:48 am |
|
|
|
Hi, thanks but that hasn't worked, it just moved the "location" and i have tried with padding, margins and without etc.
EDIT: This has now been resolved, the bg_main.gif was still set to 600px instead of 800px, changed that and it works now.
However i still do have one problem, on the images you can see a small line which divides up the topics, on the original it starts where the text starts and ends before the container border, but on the modified version it begins at the start of the white part to the left of the menus and finishes at the end of the container border not before.
Any thoughts anyone??
Thanks |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
