утверждений о том, что "стили - это круто!" и решил заняться ими. Более того, не просто решил, а необходимость появилась сделать много страничную форму показа данных.И даже сделал, наполнил данными... Но вот проблема в чем. Пока вёл разработку, всё было нормально, всё показывалось так, как я хочу. Я был гордый сам собою
Но стоило мне "приинклудить" разработанную мной форму к готовой ранее странице, как всё в этой форме "съехало" в верхний левый угол
Краткий анализ проблемы показал, что наличие в файле заголовков, прописываемых ДримВивером, приводит к этой проблеме.
Вот эти вот заголовки:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Test position</title>
</head>
А вот, собственно, текст упрощенного, тестового скрипта, где эта проблема проявляется в полной мере:
<body>
<table width="100%" border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
</table>
<div style="position:relative; left:0px; top:0px; width:200px; height:480px; background-color:#FFCCFF">
<div style="position:absolute; left:0; top:0; width:300; height:200; background-color:#CCCC00" >
<label style="position:absolute; left:120; top:50; width:70; height:20"> 12345 </label>
<label style="position:absolute; left:0; top:0; width:150; height:20"> Label one </label>
</div>
<div style="position:absolute; left:0; top: 201; width:300; height:200; background-color:#00FF00" >
<label style="position:absolute; left:120; top:0; width:70; height:20"> 67890 </label>
<label style="position:absolute; left:0; top:20; width:150; height:20"> Label two </label>
</div>
</div>
<br />End of page
</body>
Если этот скрипт записан без заголовков, то показывает корректно (левая часть на приложенной картинке), т.е. так, как я и ожидаю.
А если добавить к нему (указанные выше) заголовки и < /html> в конце, то тогда получаю то, что на правой части картинки.
Вопрос: чего делать, как дальше жить?
Спустя 24 минуты, 40 секунд (27.11.2009 - 18:40) sergeiss написал(а):
Спасибо glock18, проблема решена!
Надо везде и всегда ставить "единицы измерения", в данном случае px. И не полагаться на дефолтовое поведение.
Тему закрываю.
Надо везде и всегда ставить "единицы измерения", в данном случае px. И не полагаться на дефолтовое поведение.
Тему закрываю.
_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL
* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.
* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)
