По разному отображается

apelcine · June 30, 2009

Написал HTML-код, создал и подкрепил CSS, в IE всё выглядит как надо, ну а в Opera и Firefox достаточно сильные сдвиги(

#block1 {position: static; margin-left: 150px; height: 90px}
#block2 {position: static; border-right: 2px solid gray; width: 166px; height: 708px; font-family: Calibri; font-size: small; font-weight: 900; margin-left: 260px; background-image: url(bg.jpg); background-repeat: repeat-x}
#block3 {position: static; width: 533px; height: 708px; margin-left: 426px; margin-top: -708px; background-image: url(bg.jpg); background-repeat: repeat-x}
#block4 {position: static; width: 19px; height: 708px; margin-left: 241px; margin-top: -708px; background-image: url(bg.jpg); background-repeat: repeat-x}
#block5 {position: static; border: 1px solid white; width: 91px; height: 708px; margin-left: 150px; margin-top: -708px; background-color: white}
#block6 {position: static; width: 91px; height: 708px; margin-left: 959px; margin-top: -708px; background-color: white}
#method {margin-top: 30px; border-bottom: 2px solid silver; padding-bottom: 5px}
#edu {margin-top: 15px; border-bottom: 2px solid silver; padding-bottom: 10px}
body {background-color: silver}
LI {list-style-type: none}
UL {margin-left: 0px; padding-left: 0px}

Что надо изменить чтобы во всех браузерах было одиннаково?

P.S. Я только недавно начал заниматься вёрсткой, поэтому прошу строго за код не судить..

Edited June 30, 2009 by apelcine

psywalker · June 30, 2009

так, во первых вот с этим подвязывай position: static;, а во вторых давай ссылку

apelcine · June 30, 2009

проблема в том, что у меня этовсё на компе и ссылки по компу(

и картинку кинуть тож не могу(

LunatiK · June 30, 2009

проблема в том, что у меня этовсё на компе и ссылки по компу(
и картинку кинуть тож не могу(

Тады код ХТМЛ давай

apelcine · June 30, 2009

<head>
<title>Главная</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="block1"><img src="main.jpg" width= 900px height= 120px alt="Главная"></div>
<div id="block2"><ul><li id="method">Методика изучения материалов</li> <li id="edu">Обучение</li></div>
<div id="block3"></div>
<div id="block4"></div>
<div id="block5"></div>
<div id="block6"></div>
</div>
</body>
</html>

Int · June 30, 2009

У меня FF 3.5 rc3 и IE 6.0 показали одинаково

apelcine · June 30, 2009

у меня 2-й FF и 7-й IE =)

только что переустановил ФФ на 3.5RC3 а IE ставить версию ниже не вижу смысла

psywalker · June 30, 2009

На и иди читай мануалы

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
#block1 { margin-left: 150px; height: 90px}
#block1 img { 6height: 150px;}
#block2 {position: static; border-right: 2px solid gray; width: 166px; height: 708px; font-family: Calibri; font-size: small; font-weight: 900; margin-left: 260px; background-image: url(bg.jpg); background-repeat: repeat-x}
#block3 {position: static; width: 533px; height: 708px; margin-left: 426px; margin-top: -708px; background-image: url(bg.jpg); background-repeat: repeat-x}
#block4 {position: static; width: 19px; height: 708px; margin-left: 241px; margin-top: -708px; background-image: url(bg.jpg); background-repeat: repeat-x}
#block5 {position: static; border: 1px solid white; width: 91px; height: 708px; margin-left: 150px; margin-top: -708px; background-color: white}
#block6 {position: static; width: 91px; height: 708px; margin-left: 959px; margin-top: -708px; background-color: white}
#method { border-bottom: 2px solid silver; padding-bottom: 5px}
#edu {margin-top: 15px; border-bottom: 2px solid silver; padding-bottom: 10px}
body {background-color: silver}
LI {list-style-type: none}
UL { margin: 0; padding: 0;}
</style>

<title>Главная</title>

</head>
<body>
<div id="container">
<div id="block1"><img src="main.jpg" alt="Главная"></div>
<div id="block2"><ul><li id="method">Методика изучения материалов</li> <li id="edu">Обучение</li></ul></div>
<div id="block3"></div>
<div id="block4"></div>
<div id="block5"></div>
<div id="block6"></div>
</div>
</body>
</html>

Edited June 30, 2009 by psywalker

apelcine · June 30, 2009

проверим..

это типа без отдельного файла КСС?

а мануалы я читал, правда, и очень долго)

Edited June 30, 2009 by apelcine

psywalker · June 30, 2009

а мануалы я читал, правда, и очень долго)

я тоже

apelcine · June 30, 2009

мне просто тяжело вот так понять самому, я просто в 10 класс перешёл, и у нас это ещё даже на базовом школьном уровне не давали, а мне уже сейчас надо тренироваться, для поступления в институт.

psywalker · June 30, 2009

тогда начни хотя-бы с этого: http://stepbystep.htmlbook.ru/ наизусть каждый шаг, вникни, разберись, и постоянно практикуй, закончишь, приходи, поговорим

apelcine · June 30, 2009

всё бы было не так печально, если бы мне это в институт в ближайшее время сдавать не надо было...)

кстати, код который вы дали не помог)

только хуже стало)

psywalker · June 30, 2009

кстати, код который вы дали не помог)
только хуже стало)

а потому что изначально не надо было такую чушь писать, такие вещи сравнимы с плохо написанными стихами, просто скамкай листок, выброси его в мусорку и начни с чистого листа, только теперь подумай 20 раз, прежде чем задавать кому и какое свойство!

apelcine · June 30, 2009

а переписывать вообще всё или только что-то одно? штмл или ксс?

psywalker · June 30, 2009

а переписывать вообще всё или только что-то одно? штмл или ксс?

ВСЁ однозначно! мало того, для начала нужно представить, что ты хочешь получить, потом пойти и всё таки прочитать о том, как примерно это делается, потому что один хрен идти с этим беспределом в институт нет смысла, всё равно не примут с такими записями и эффектом)))

Вот просто опиши, а лучше нарисуй мне свою задачу, у меня щас есть немного времени, помогу

apelcine · June 30, 2009

да я щас и сижу в институте))

Если можно кинь в Лс свой мейл чтоб я смог пару файлов отослать тогда и объяснить будет легче)

apelcine · July 1, 2009

Всё, сам всё исправил)

спасибо)

Sign In

По разному отображается

Question

Link to comment

Share on other sites

17 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

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