[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: проблема с htlm+css или браузером
Страницы: 1, 2
ApxanreJl
помогите плиз. всю голову сломал(( думал что-то с приоритетом в скрипте, выкинул шаблон индекса и стиль за пределы скрипта и все ровно беда.
а заключается она в следующем
опера все показывает как я того желаю)
а вот гугл и экспоурер не хотят выводить дивы(((
не через класс не через ид, а тело красит как нужно.
очень меня это сегодня удивило если чесно.

index.php

<head>
<title>
Документ без названия</title>
<meta
http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link
type="text/css" rel="stylesheet" href="style.css" />

</head>
<body>
<?php

$content[] = 'test1<hr>';
$content[] = 'test2<hr>';
$content[] = 'test3<hr>';
$content[] = 'test4<hr>';
?>

<div
id="container">
<div
class="header">top</div>

<?php
echo implode('<br />', $content).'<br />'; ?>

<div
class="footer">footer</div>
</div>

</body>
</html>



style.css

body
{
text-align:center;
background: #339966;
}

hr
{
max-width: 450px;
height: 5px;
background: #FF0033;
}
<!----------------------------->
#container
{
background-color: #FFCCFF;
width: 450px;
height: auto;
margin: 0 auto;
border: 5px;
}
<!----------------------------->
.header
{
background-color:#CCFF00;
color: #CCCCCC;
width: 250px;
height: 85px;
}


вот уже мысли глупые в голову лезут проблема вовсе не в коде а в браузерах. ну или в чем то еще на моей стороне.
Игорь_Vasinsky
поставь DOCTYPE

выложи в онлайн я гляну

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
ApxanreJl
вечером после 19:00 поставлю.
щас на работе немного загружен.
спасибо что откликнулся! лови как и обещал)
Игорь_Vasinsky
wink.gif

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
ApxanreJl
http://etwar.ru/
выложил)
inpost
Одинаково во всех браузерах и соответствует выше указанному коду.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
ApxanreJl
а в чем тогда может быть причина? куку чистить "устал", а больше ни чего в голову не лезет) я дилетант-криворукий.
ApxanreJl
а вот что забыл упомянуть:
пробовал стиль написать прям в разметку, тогда работает все.
inpost
Не могу сказать ничего, потому что всё работает везде как надо.
Но как пункт могу посоветовать:
href="style.css" - заменить на href="/style.css" - стили в корне.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).
ApxanreJl
уже даже и так href="/style.css" и так href="./style.css" делал.
ApxanreJl
тут мне кажется дело не в коде вовсе.
еще человек смотрел и у него тоже все как положено.
фуф.... в голове уже каша...
теперь пока не приснится ответ не пойму)))
sergeiss
У тебя тут две проблемы:

1. "Криворукость" :) В файле стилей поставь точку перед footer.

2. "Горе от ума" ;) В файле стилей выкинь подальше строчки "типа комментарии". Либо - пиши нормальные комментарии, как положено!
<!--------------> вот это убираешь и больше никогда так не пишешь
<!-- а если надо, то пишешь ПРАВИЛЬНЫЕ каменты, как в этой строке: только два дефиса в начале и два дефиса в конце!!! -->


_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Игорь_Vasinsky
комменты можно ещё так писать

/* any CSS */

действ-но

Цитата
#container

 <div class="header">


_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
ApxanreJl
Цитата (sergeiss @ 7.11.2012 - 16:27)
У тебя тут две проблемы:

1. "Криворукость" smile.gif В файле стилей поставь точку перед footer.

криворук не спорю))

посмотри на стиль какой я в онлайн положил!

.header{}
#container{}
footer {}
не работают....

ваша пряморукость не уместна biggrin.gif
а коментами я просто разделил области видимости для наглядности.
sergeiss
Цитата (ApxanreJl @ 7.11.2012 - 20:44)
не работают....


Цитата (ApxanreJl @ 7.11.2012 - 20:44)
посмотри на стиль какой я в онлайн положил!

Смотрю. Точно также нет точки перед footer, точно также НЕ ВЫКИНУЛ кривые строчки... Вопрос: кому я писал про ошибки???

PS. Твои стили сейчас вот так должны выглядеть (скопируй отсюда и вставь, не изменяя ничего!!!):
body
{
text-align:center;
background: #339966;
}

hr
{
max-width: 5000px;
height: 5px;
background: #FF0033;
}

#container
{
background-color: #FFCCFF;
width: 450px;
height: auto;
margin: 0 auto;
border: 5px;
}

.header
{
background-color:#CCFF00;
color: #CCCCCC;
width: 250px;
height: 85px;
}
.footer
{
background-color:#CCFF00;
color: #CCCCCC;
width: 250px;
height: 85px;
}


_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.