XHTML проблем. Help me!!!

11 отговора 532 прегледа
#1

XHTML проблем. Help me!!!

ЗДР,
надявам се някои да помогне

Опитвам се да напиша страница само с помоща на обикновен текстов редактор като използвам XHTML но се яви проблем при това което искам и това което става.

1. Целта ми е страницата да е на h-100% v-100% за да може най-долния ред винаги да стой най-отдоло но при използването на <!DOCTYPE html ......> който съм описал по надоло в примера Mozila не го отваря така както ми се ще в момента в който го премахна <!DOCTYPE ....> го отваря така както искам, но това означава че неползва <!DOCTYPE или иначе казано XHTML прегледах синтаксиса на <table> и видях че неподържа "height"

много моля някой ако може да помогне да го направи сега или да замълчи завинаги ;)

предварително 10х

----index.htm-----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[линк]">

<html lang="bg" xml:lang="bg" xmlns="[линк]">

<head>
<title>Web Page Temlate</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta name="description" content="описание"/>

<meta name="keywords" content="ключови думи"/>
<meta name="author" content="me"/>
<meta name="MSSmartTagsPreventParsing" content="true"/>
<meta name="distribution" content="global"/>

<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<center>
<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td height="120"></td>
<td height="120" width="640" colspan="2" valign="middle" class="forTop" ></td>
<td height="120"></td>
</tr>

<tr>
<td height="25"></td>
<td height="25" width="640" colspan="2" class="forHmenu"></td>
<td height="25"></td>
</tr>

<tr>
<td></td>
<td width="640" colspan="2" valign="top" class="forMain"></td>
<td></td>
</tr>

<tr>
<td height="25"></td>
<td height="25" width="640" colspan="2" class="forHmenu"></td>
<td height="25"></td>
</tr>

<tr>

<td height="30"></td>
<td height="30" width="640" colspan="2" valign="middle" class="forBottom"></td>
<td height="10"></td>
</tr>
</table>
</center>

</body>
</html>

Отговор
в отговор на ventzo #2

Re: XHTML проблем. Help me!!!

Ти специално за Mozilla ли правиш сайт? Защото аз като гледам това и в IE не работи.

Отговор
в отговор на x1y1 #3

Re: XHTML проблем. Help me!!!

Не е спецялно за мозила. В експлорера при мен го отваря на мкс H-100%

Отговор
в отговор на ventzo #4

Re: XHTML проблем. Help me!!!

СЪВЕТ 1: Пич много добре си почнал с XHTML-а, ама може ли с таблици да форматираш
А иначе - няма height както правилно си забелязал, затова трябва с CSS:
<table id="main"....
.....
table#main{
height:100%;
}
...
Сега обаче за да работи това трябва ВСЕКИ родителки контейнър на тази таблица да има height:100%.
Оставям на теб да довършиш
Иначе работи и в Лисицата, и в ИЕ, и в Опера, че даже и в Сафари

Отговор
в отговор на lazo #5

Re: XHTML проблем. Help me!!!

Postignah tova s tvoq i druga pomosht no vse oshte nemoga da mu dam po horizontala tova dolu copyright da e nai otdolo na stranicata i pri promqna da si stoi dolu

[линк]

Отговор
в отговор на ventzo #6

Re: XHTML проблем. Help me!!!

Еххх Вензо Преди този table на който си му дал 100% имаш още ДВА КОНТЕЙНЕРА - html и body
Я пробвай да добавиш в CSS-а
html, body{
height:100%;
}



Отговор
в отговор на lazo #7

Re: XHTML проблем. Help me!!!

10x pich qko mi pomogna

Отговор
в отговор на lazo #8

Re: XHTML проблем. Help me!!!

Това сега го направих с див-ове (но преди това имах същия проблем)

Лазо, много благодаря за разяснението

Отговор
в отговор на lazo #9

Re: XHTML проблем. Help me!!!

Evala batka dobur si !

Отговор
в отговор на lazo #10

Re: XHTML проблем. Help me!!!

готин гледаи сега какжо става

задавайки му по този начин

html, body {
height: 100%;
}

резултата е че деиствително го прави на 100 процента но ми размества и полетата които са с фиьирани размери

значи най-горното поле е 120
менюто е на 25
тялото е без фиксиран размер
пак меню 25
и на последно място бара с кои какво и що които е 15

та на мен ми се иска само тялото да се увеличава а другите да си остават по местата

сигурно изпускам несхто мъничко ама незнам къде

tova mi e css-to
a:link {
color: #333399;text-decoration: none;
font-size: 12px;
}
a:visited{
color: #333399;text-decoration: none;
font-size: 12px;
}
a:hover {
color: #ff6600;text-decoration: none;
font-size: 12px;
}

html, body {
background-image: url(../images/backgr.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 12px;
height: 100%;
}
table {
height: 100%;
}

.forLTop {
background-image: url(../images/forltop.jpg);
background-repeat: no-repeat;
background-position: right top;
}
.forCTop {
background-image: url(../images/forctop.jpg);
background-repeat: no-repeat;
background-position: right top;
color: #ff6600;
text-decoration: none;
font-size: 24px;
font-weight: bold;
text-align: center;
height: 120px;
}
.forRTop {
background-image: url(../images/forrtop.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.forLMenu {
background-image: url(../images/forlmenu.jpg);
background-repeat: no-repeat;
background-position: right top;

}
.forCMenu {
background-image: url(../images/forcmenu.jpg);
background-repeat: no-repeat;
background-position: right top;
text-align: center;
font-weight: bold;
height: 25px;
}
.forRMenu {
background-image: url(../images/forrmenu.jpg);
background-repeat: no-repeat;
background-position: left top;
}

.forLBody {
background-image: url(../images/forlbody.jpg);
background-repeat: repeat-y;
background-position: right top;
}
.forCBody {
background-image: url(../images/forcbody.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
color: #000000;text-decoration: none;
font-size: 12px;
text-align: center;
}
.forRBody {
background-image: url(../images/forrbody.jpg);
background-repeat: repeat-y;
background-position: left top;
}

.forLCopy {
background-image: url(../images/forlcopy.jpg);
background-repeat: no-repeat;
background-position: right top;
}
.forCCopy {
background-image: url(../images/forccopy.jpg);
background-repeat: no-repeat;
background-position: right top;
color: #000000;
text-decoration: none;
font-size: 9px;
text-align: center;
font-weight: normal;
height: 15px;
}
.forRCopy {
background-image: url(../images/forrcopy.jpg);
background-repeat: no-repeat;
background-position: left top;
}

10x predvaritelno

Отговор
в отговор на Galaxy #11

Re: XHTML проблем. Help me!!!

Радвам се, че съм бил полезен и на тримата

Отговор
в отговор на lazo #12

Re: XHTML проблем. Help me!!!

Хай, отново

аз пък постигнах тожа като резултат

[линк]

но както винаги се явява един малък проблем

всичко се отваря ок и с експлорера и с мозилата при мен но при експлорера има дефект като го отворя на по малък прозорец и после се опитам да го увелича се разместват текста и фоновите изображения и трябва да му дам рефреш за да се оправи

ако някои знае как да сподели с неукия ;)

10х

Отговор