Goeiemorgen iedereen!
Ik heb een probleempje met mijn layout, zoals de titel al zegt :p
Op het moment dat ik een missie heb voltooid, wordt mijn layout uit zijn proporties getrokken.....
Zo moet ie zijn:
http://img718.imageshack.us/img718/9109/screenshot2ny.jpg
Zo komt het eruit te zien:
http://img718.imageshack.us/img718/1008/screenshotqk.jpg
Hoe kan ik ervoor zorgen dat de layout, wat je ook doet, er goed uit blijft zien?
Groetjes Oceans
Kan jij je css is posten?
Dit is zeer simpel op te lossen maar volgens mij heb je nog niet vrij goed gekeken.
Ik zou eens kijken in de pagina LEFT_COLUMN er gaat daar iets staan van:
<?
include("incl_mission.php");
if($missionfixed != ""){?>
<td width="100%" align="right" valign="bottom">
<div style="width:550px; background-image:url('images/message_tut/background_mission_accomplished.jpg'); height:30px; text-align:left; color:white; font-weight:bold;">
<div style="float:left;padding-top:8px; padding-left: 10px; padding-right: 6px;"><img src="images/icons/award_star_add.png"></div>
<div style="padding-top:8px; padding-left: 6px;"><a href="index.php?a=mod_other_missions" style="color:white; text-decoration:none">Missie voltooid: <?echo$missionfixed;?></a>
</div>
</div>
</td>
<?}?>en hier tussen zit je fout.
tip: Zoek naar WIDTH: ...
Mvg
/*---------------------------------------------------------------------------
Main styles
---------------------------------------------------------------------------*/
html {
font-size: 12px;
}
body,div,td {
font-family: Verdana, arial;
font-size: 12px;
color: #442C14;
}
body {
margin: 0px auto;
padding: 0px auto;
text-align: center;
font-size: 12px;
background: #010101;
}
#container {
width: 1000px;
height: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#footer {
width: 100%;
text-align: center;
color: #CCCCCC;
}
#overlay{ background-image: url(../images/overlay/overlay.png); }
/*---------------------------------------------------------------------------
Padding styles
---------------------------------------------------------------------------*/
.clear {
width: 0px;
height: 0px;
clear: both;
font-size: 0px;
white-space: no-wrap;
}
.padding-5 {
padding: 5px;
}
.padding-10 {
padding: 10px;
}
.padding-10-20 {
padding-top: 10px;
padding-left: 20px;
}
.no_padding {
padding: 0px;
}
/*---------------------------------------------------------------------------
Menu styles
---------------------------------------------------------------------------*/
.menu {
width: 200px;
height: 100%;
background: #dcd3b8;
}
#logo_holder {
background: #000000;
height: 100px;
}
#menu_top_decoration {
display: none;
height: 18px;
width: 180px;
background: url('../images/layout_v2/top_decoration_menu.jpg');
background-repeat: no-repeat;
}
.content_area_top {
width: 100%;
height: 100px;
background: #000000;
background-repeat: no-repeat;
}
.mission_notification_container {
position: absolute;
width: 640px;
height: 30px;
align: right;
top: 70px;
}
.menu_margin {
margin-left: 10px;
margin-top: 0px;
padding-top: 0px;
width: 180px;
}
#top_corner {
position: relative;
display: block;
width: 8px;
height: 8px;
top: 0px;
left: -10px;
background: url('../images/layout_v2/corners_left_black.png');
background-repeat: no-repeat;
background-position:top;
font-size: 0px;
}
.menu_left_top {
width: 180px;
height: 90px;
}
.menu_item_top {
width: 180px;
height: 45px;
}
.menu_item_middle {
widht: 180px;
height: auto;
background: #C8B894;
padding: 10px;
color: #4C2601;
}
.menu_item_seperator {
width: 150px;
height: 2px;
margin-left: 10px;
margin-right: 00px;
margin-top: 4px;
margin-bottom: 2px;
background: url('../images/layout_v2/background_seperator.jpg') repeat-x;
font-size: 0px;
}
.menu_item_bottom {
widht: 180px;
height: 10px;
font-size: 0px;
background: #4E3228 url('../images/layout_v2/menu_item_bottom.jpg') no-repeat;
}
.menu_right_top {
width: 200px;
height: auto;
background: #ddd3b8 url('../images/layout_v2/background_menu_right_top.jpg') no-repeat;
}
#nohelp {
padding: 15px;
margin: 0px;
}
.menu_right_top_stats {
height: 22px;
font-size: 11px;
}
.top_stats_img {
height: 16px;
}
.menu_right_meter_bg {
position: relative;
height: 18px;
width: 120px;
background: url('../images/layout_v2/background_meter_brown.jpg') repeat-x;
}
.menu_right_meter {
position: relative;
height: 14px;
margin-top: 0px;
margin-left: 0px;
font-size: 10px;
background: url('../images/layout_v2/background_meter_red.jpg') repeat-x;
}
/*---------------------------------------------------------------------------
Content styles
---------------------------------------------------------------------------*/
.content {
float: left;
width: 640px;
height: 100%;
background: #D5C8AA;
}
#content_top_decoration {
display: none;
height: 30px;
width: 100%;
background: url('../images/layout_v2/top_decoration.jpg');
background-repeat: repeat-x;
}
.content_area {
width: 640px;
height: auto;
padding: 0px;
}
.content_title {
width: 100%;
height: 35px;
background: url('../images/layout_v2/background_content_title_middle2.jpg') repeat-x;
}
.content_title_left {
float: left;
width: 15px;
height: 35px;
background: url('../images/layout_v2/background_content_title_left2.jpg') no-repeat;
}
.content_title_middle {
float: left;
width: auto;
height: 35px;
}
.content_title_right {
float: right;
width: 15px;
height: 35px;
background: url('../images/layout_v2/background_content_title_right2.jpg') no-repeat;
}
.content_titel_up_down {
position: relative;
float: right;
width: 18px;
height: 5px;
}
.brown_border {
width: 100%;
height: 10px;
background: #442C12;
font-size: 0px;
padding: 0px;
border: 0px solid black;
}
.brown_border_top_left {
float: left;
width: 10px;
height: 10px;
background: url('../images/layout_v2/brown_border_top_left.jpg') no-repeat;
font-size: 0px;
}
.brown_border_top_middle {
float: left;
width: auto;
height: 10px;
background: #442C12;
font-size: 0px;
}
.brown_border_top_right {
float: right;
width: 10px;
height: 10px;
background: url('../images/layout_v2/brown_border_top_right.jpg') no-repeat;
font-size: 0px;
}
.content_text_area {
width: 100%;
padding: 0px;
margin: 0px;
background: #dbd2b9;
}
.brown_border_bottom_left {
float: left;
width: 10px;
height: 10px;
background: url('../images/layout_v2/brown_border_bottom_left.jpg') no-repeat;
background-position:bottom;
font-size: 0px;
}
.brown_border_bottom_middle {
float: left;
width: auto;
height: 10px;
background: #000000;
font-size: 0px;
}
.brown_border_bottom_right {
float: right;
width: 10px;
height: 10px;
background: url('../images/layout_v2/brown_border_bottom_right.jpg') no-repeat;
background-position:bottom;
font-size: 0px;
}
/*---------------------------------------------------------------------------
Tables
---------------------------------------------------------------------------*/
.mod_list td{
background: #eae6d9;
}
/*------------------------------------------------------------
BBCODE
-------------------------------------------------------------*/
.quote {background-color:#efefef; border:solid 1px #999999;}
/*------------------------------------------------------------
POPUP
-------------------------------------------------------------*/
div#div_popunder {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-image: url(../images/layout/semi-transparent2.gif);
z-index: 4;
}
div#div_popunder_bg {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-image: url(../images/layout/semi-transparent2.gif);
display: none;
z-index: 0;
}
.div_popup {
width: 400px;
text-align: center;
align:center;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 25px;
font-weight: bold;
border: 2px solid #56b7e4;
}
.div_popup_error {
width:400px;
text-align: center;
align:center;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 25px;
font-weight: bold;
border: 2px solid red;
}
.charactermail {
position:relative;
width:100%;
}
.charactermail_container {
position:relative;
float:left;
border:1px solid #999999;
background:#FFFFFF;
}
.charactermail_img {
position:absolute;
right:0px;
bottom:0px;
width:137px;
height:137px;
margin-bottom:0px;
}
.charactermail_lt {
position:absolute;
width:8px;
height:8px;
display:block;
background:url('../images/layout_v2/corner_charactermail_lt.jpg');
left:-1px;
top:-1px;
}
.charactermail_rt {
position:absolute;
width:8px;
height:8px;
display:block;
background:url('../images/layout_v2/corner_charactermail_rt.jpg');
right:-1px;
top:-1px;
}
.charactermail_lb {
position:absolute;
width:8px;
height:8px;
display:block;
background:url('../images/layout_v2/corner_charactermail_lb.jpg');
left:-1px;
bottom:-1px;
}
.charactermail_rb {
position:absolute;
width:8px;
height:8px;
display:block;
background:url('../images/layout_v2/corner_charactermail_rb.jpg');
right:-1px;
bottom:-1px;
}
.charactermail_pin {
position:absolute;
width:15px;
height:14px;
display:block;
background:url('../images/layout_v2/pin_charactermail_right.jpg');
right:-15px;
bottom:10px;
}
.charactermail_img {
position:relative;
float:left;
bottom:0px;
width:137px;
height:137px;
margin-bottom:0px;
}
.charactercreditmissed_container {
position:relative;
float:right;
border:1px solid #999999;
background:#FFFFFF;
width:450px;
}
.charactercreditmissed_pin {
position:absolute;
width:15px;
height:14px;
display:block;
background:url('../images/layout_v2/pin_charactercreditmissed_left.jpg');
left:-15px;
bottom:10px;
}
/*---------------------------------------------------------------------------
Images
---------------------------------------------------------------------------*/
.arrow {
width: 9px;
height: 9px;
border: 0px;
margin-right: 5px;
}
/*---------------------------------------------------------------------------
Fonts
---------------------------------------------------------------------------*/
.font_content_title {
float:left;
display: block;
margin-top: 8px;
font-family: Century Gothic, Verdana;
font-size: 16px;
font-weight: bold;
}
.font_content_title2 {
display: block;
font-family: Century Gothic, Verdana;
font-size: 14px;
font-weight: bold;
color: #442C14;
}
.font_label {
display: block;
width: 100%;
height: 100%;
margin-top: 2px;
}
/*---------------------------------------------------------------------------
Forms
---------------------------------------------------------------------------*/
input[type=text] {
background: #fff url(../images/text_bg.jpg) repeat-x top;
height: 20px;
line-height: 20px;
border: 3px solid #cfc5b1;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
}
input[type=password] {
background: #fff url(../images/text_bg.jpg) repeat-x top;
height: 20px;
line-height: 20px;
border: 3px solid #cfc5b1;
padding-left: 2px;
padding-right: 2px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
}
input.submit {
background: #dad3c3;
border: 3px solid #3f241d;
font-weight: bold;
font-size: 8pt;
color: #3f241d;
padding: 1px
}
input.mod_submit {
background: #dad3c3;
border: 3px solid #3f241d;
font-weight: bold;
font-size: 8pt;
color: #3f241d;
padding: 1px
}
/*---------------------------------------------------------------------------
Links
---------------------------------------------------------------------------*/
a:link {
font-family: verdana,arial;
font-size: 12px;
color: #70130e;
text-decoration: none;
}
a:active {
font-family: verdana,arial;
font-size: 12px;
color: #70130e;
text-decoration: underline;
}
a:visited {
font-family: verdana,arial;
font-size: 12px;
color: #70130e;
text-decoration: none;
}
a:hover {
font-family: verdana,arial;
font-size: 12px;
color: #70130e;
text-decoration: underline;
}
a.white:link {
font-family: verdana,arial;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}
a.white:active {
font-family: verdana,arial;
font-size: 12px;
color: #FFFFFF;
text-decoration: underline;
}
a.white:visited {
font-family: verdana,arial;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}
a.white:hover {
font-family: verdana,arial;
font-size: 12px;
color: #FFFFFF;
text-decoration: underline;
}
a.bordeaux:link {
font-family: verdana,arial;
font-size: 12px;
color: #5a0000;
text-decoration: none;
}
a.bordeaux:active {
font-family: verdana,arial;
font-size: 12px;
color: #5a0000;
text-decoration: underline;
}
a.bordeaux:visited {
font-family: verdana,arial;
font-size: 12px;
color: #5a0000;
text-decoration: none;
}
a.bordeaux:hover {
font-family: verdana,arial;
font-size: 12px;
color: #5a0000;
text-decoration: underline;
}
a.menu_item:link {
font-family: verdana,arial;
font-size: 12px;
color: #4C2601;
text-decoration: none;
}
a.menu_item:active {
font-family: verdana,arial;
font-size: 12px;
color: #4C2601;
text-decoration: underline;
}
a.menu_item:visited {
font-family: verdana,arial;
font-size: 12px;
color: #4C2601;
text-decoration: none;
}
a.menu_item:hover {
font-family: verdana,arial;
font-size: 12px;
color: #4C2601;
text-decoration: underline;
}
a.link_title:link {
font-family: Century Gothic, Verdana;
font-size: 16px;
color: #5a0000;
text-decoration: bold;
}
a.link_title:active {
font-family: Century Gothic, Verdana;
font-size: 16px;
color: #5a0000;
text-decoration: bold;
}
a.link_title:visited {
font-family: Century Gothic, Verdana;
font-size: 16px;
color: #5a0000;
text-decoration: bold;
}
a.link_title:hover {
font-family: Century Gothic, Verdana;
font-size: 16px;
color: #5a0000;
text-decoration: bold;
}
a.error_ok{
color:red;
font-family:verdana;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.error_ok:hover{
text-decoration:underline;
}
a.link_small:link {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
a.link_small:active {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
a.link_small:visited {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
a.link_small:hover {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}deze?
Lees men bovenste post eens geeft niks met je css te maken :p
Mvg
Had jou post niet eens gezien ^o)
Je hebt gelijk, foutje zit in Left_column.php (h)
Thanks!! :slotje:
Nog geen account? Registreer je nu en word deel van onze community!