ПОМОЩ

[ramzes4o]

Имам проблем със Дизайна Вижте www.bgteens.org излиза от страни и зъ как да го оправя ?

 

[I_V_O]

Задал си width на главния контейнер и като съдържанито ти не се побира в тези размери излиза навънка

 

[ramzes4o]

Това ми е style-то я кажи как ще стане

 body {
background: url(images/bg.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 0;
margin-bottom: 0;
}

ul{
margin: 0; 
padding: 0; 
list-style-type: none;
}

.user {
background: #FFFFFF url(images/user.png) no-repeat;
border: 1px #999999 solid;
padding-left: 20px;
}

.pass {
background: #FFFFFF url(images/pass.png) no-repeat;
border: 1px #999999 solid;
padding-left: 20px;
}

.btn {
border: 1px #666666 dashed;
width: 80px;
}

#main {
background: url(images/horiz.png) repeat-y;
margin: 0 auto;
}

#header {
height: 100px;
padding-left: 18px;
}

#nav {
margin-left: 15px;
}

.navc {
background: url(images/c_menu.gif) repeat-x;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
text-align: center;
}

#navbg {
background: #33CCFF;
}

#navbg hr {
border: 1px #666666 dashed;
height: 1px;
}

#navbg ul li {
display: block;
height: 19px;
font-size: 10px;
font-weight: bold;
margin: 0 0 4px 0;
}
#navbg ul li a {
display: block;
height: 19px;
padding: 0 0 0 14px;
font-size: 11px;
font-weight: bold;
color: #222222;
text-decoration: none;
}
#navbg ul li a:hover {
background-color: #FFFFCC;
color: #FF0030;
border: 1px #FF0030 solid;
}

#navbg span {
font-size: 10px;
}

#contbg {
background: #FFE0EE;
width: 93%;
margin-left: 15px;
}

.contc {
background: url(images/c_cont.gif) repeat-x;
color: #222222;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.contcen {
padding-left: 5px;
}

.contcen hr {
border: 1px #666666 dashed;
height: 1px;
}

.contcen ul li {
display: block;
height: 19px;
font-size: 10px;
font-weight: bold;
margin: 0 0 4px 0;
}
.contcen ul li a {
display: block;
height: 19px;
padding: 0 0 0 14px;
font-size: 11px;
font-weight: bold;
color: #222222;
text-decoration: none;
}
.contcen ul li a:hover {
background-color: #FFFFCC;
color: #FF0030;
border: 1px #33CCFF solid;
}

.latbrd {
border: 1px #33CCFF solid;
}

.latbrd ul li {
display: block;
height: 19px;
font-size: 12px;
font-weight: bold;
margin: 0 0 4px 0;
}
.latbrd ul li a {
display: block;
height: 19px;
padding: 0 0 0 14px;
font-size: 10px;
font-weight: bold;
color: #0066FF;
text-decoration: none;
}
.latbrd ul li a:hover {
background-color: #FFFFCC;
color: #FF0030;
border: 1px #33CCFF solid;
}

.tyxo {

}

#footer {
font-weight: bold;
}

#by {
width: 88%;
background: #FF0030;
color: #FFFFFF;
}

#by a {
color: #FFFFFF;
text-decoration: none;
}

.btn {
border: 1px #222222 solid;
background: url(images/bgb.gif) repeat-x;
font-weight: bold;
}

 

[BattleGrounds]

<table width="85%" align="center" id="main" border="0" cellspacing="2" cellpadding="2">
я пробвай да си го направиш първата таблица на 100%
<table width="100%" align="center" id="main" border="0" cellspacing="2" cellpadding="2">

 

[ramzes4o]

<td width="80%" valign="top">


<table width="100%" id="contbg" border="0" cellspacing="0" cellpadding="0">

<tr>
<td><img src="images/l_cont.gif" width="5" height="20" /></td>
<td width="95%" class="contc">Сваляй Музика!</td>
<td><img src="images/r_cont.gif" width="5" height="20" /></td>



ей това са ми и на 100 седи пак така

 

[LuXiRiS]

Пречат менютата отстрани.Друг начин е да разпънеш малко хедъра и футера