проблема привязки css

voin545 · November 2, 2011

делаю сайт но в разных браузерах отображается совершенно по разному

решил попробовать вставить тег <!DOCTYPE> и получилось так ссыль

без <!DOCTYPE> получается так ссыль

пожалуйста подскажите в чем проблема

ceil100 · November 2, 2011

верстка табличная?

какой именно <!DOCTYPE>?

voin545 · November 2, 2011

вот код html страницы может нужно

<html lang="ru">
<head>
<link rel="stylesheet" type="text/css" href="index.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<div id="levo"></div>
<div id="pravo"></div>
<div id="chapka">
<img  width="90%" src="image\shapka.jpg " >	
<a href="index.html"><img width="13.5%" src="image\gl.jpg" ></a>
<a href="pols.html"><img width="13.5%" src="image\pols.jpg" ></a>
<a href="obur.html"><img width="13.5%" src="image\obur.jpg" ></a>
<a href="ysl.html"><img width="7%" src="image\ysl.jpg" ></a>
<a href="prise.html"><img width="13.5%" src="image\prise.jpg" ></a>
<a href="kont.html"><img width="13.5%" src="image\kont.jpg" ></a>
<img width="13.5%" src="image\border.jpg" >

</div>
<div id="knopki">

</div>
<div id="osnovnoe">

</div>
<script type=text/javascript>   
var snowmax=50 // кол-во снега
var snowcolor=new Array("#AAAACC","#DDDDFF","#CCCCDD","#F3F3F3","#F0FFFF")   
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")  
var snowletter="." // форма снега
var sinkspeed=0.9   
var snowmaxsize=48   
var snowminsize=8   
var snowingzone=1 
var snow=new Array()   
var marginbottom   
var marginright   
var timer   
var i_snow=0   
var x_mv=new Array();   
var crds=new Array();   
var lftrght=new Array();   
var browserinfos=navigator.userAgent   
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)   
var ns6=document.getElementById&&!document.all   
var opera=browserinfos.match(/Opera/)   
var browserok=ie5||ns6||opera   
function randommaker(range) {   
rand=Math.floor(range*Math.random())   
return rand   
}   
function initsnow() {   
if (ie5) {   
marginbottom = document.body.clientHeight   
marginright = document.body.clientWidth   
}   
else if (ns6) {   
marginbottom = document.body.clientHeight   
marginright = window.innerWidth   
}   
else if (opera) {   
marginbottom = document.documentElement.clientHeight   
marginright = document.body.clientWidth   
}   
var snowsizerange=snowmaxsize-snowminsize   
for (i=0;i<=snowmax;i++) {   
crds[i] = 0;   
lftrght[i] = Math.random()*15;   
x_mv[i] = 0.03 + Math.random()/10;   
snow[i]=document.getElementById("s"+i)   
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]   
snow[i].size=randommaker(snowsizerange)+snowminsize   
snow[i].style.fontSize=snow[i].size   
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]   
snow[i].sink=sinkspeed*snow[i].size/5   
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}   
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}   
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}   
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}   
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)   
snow[i].style.left=snow[i].posx   
snow[i].style.top=snow[i].posy   
}   
movesnow()   
}   

function movesnow() {   
for (i=0;i<=snowmax;i++) {   
crds[i] += x_mv[i];   
snow[i].posy+=snow[i].sink   
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);   
snow[i].style.top=snow[i].posy   

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){   
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}   
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}   
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}   
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}   
snow[i].posy=0   
}   
}   
var timer=setTimeout("movesnow()",50)   
}   

for (i=0;i<=snowmax;i++) {   
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")   
}   
if (browserok) {   
window.onload=initsnow   
}   
</SCRIPT>
</body>
</html>		







[color="#FF0000"][i]вот код css[/i][/color]
html,body

#chapka
{
height: 43% ;
width: 100% ;
float: top;
}
#osnovnoe
{
background-color : 00ccff;
height: 95% ;
width: 100% ;
font-family : Verdana, Arial, san-serif;
}
#knopki
{
background-color : 00ccff;
height: 5% ;
width: 80% ;
}
#levo
{
background-color : cccccc;
float: left;
width: 5%;
height: 143% ;
}
#pravo
{
background-color : cccccc ;
float : right ;
width : 5% ;
height : 143% ;
}

перепробовал все <!DOCTYPE>

получается одно и тоже

Edited November 2, 2011 by Softlink
пользуйтевь специальными тегами

ceil100 · November 2, 2011

не хочу обидеть, но потратьте пару недель на изучение этого сайта

у вас ошибка на ошибке, этот код и не будет работать

SelenIT · November 2, 2011

Доктайп нужен, самый короткий <!DOCTYPE html>, с ним поведение браузеров гораздо единообразнее. А вот масштабировать картинки с текстом (задавать им ширину в процентах) — очень плохая идея. Что вообще мешает делать меню текстом, подложив фон-градиент под всю полосу?

И еще пустяк — дробные проценты для ширины до сих пор не понимает Опера.

paracelso · November 2, 2011

Очень некрасивая верстка, дело тут не в доктайпе :blink:

Для начала хочу спросить, а нужны ли здесь снежинки? Пережиток студенческих сайтов начала 2000х годов :huh:

Немного по делу - задавать бордер тегом img - почти столь же ужасно, сколь и делать отступы окна через div#levo; div#pravo

Выходов вижу 2, либо перечитать практикум на сайте, либо обратиться за полноценной помощью к сведущим людям.

Однозначно, для какой бы то ни было фирмы или компании заготовленный макет явно не подойдет.

ceil100 · November 2, 2011

с <!DOCTYPE html> этот сайт вообще невидим

voin545 · November 2, 2011

а css-то почему отвязывается

paracelso · November 2, 2011

Повторюсь, чтобы верстка была приемлемой, надо убрать снежинки и изменить структуру элементов.

Выглядеть будет как один див, в нем еще один - шапка с background:изображение, после него - див под меню, в диве под меню - 5 дивов с width:20% под кнопки. Это будет просто, а, главное, правильно.

voin545 · November 2, 2011

а как сделать отступы со сторон

ceil100 · November 2, 2011

margin:0 auto для контейнера который хочешь позиционировать по центру

voin545 · November 2, 2011

теперь пошли оооочень тупые вопросы

как добавить картинку в css

какой сделать догтайп

paracelso · November 2, 2011

Предупрежу, я не рекламирую приведенный далее сайт, т.к. смысла в этом не увидит даже клинический идиот.

Обычный сайт по курсу, там все интуитивно понятно написано. Если лень читать практикум, сдирай оттуда куски.

Sign In

проблема привязки css

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information