|
Тема
|
<div>, css
|
|
Автор | oleg (Нерегистриран) |
Публикувано | 12.11.07 21:37 |
|
Pravia sait s div-ove i problemat mi e footer-a(bottom). V Explorer-a e OK, no v Netscape-a pri poveche text se dani. Niakoi ima li opit s div-ovete?
Mersi.
| |
|
Ако на така зададения, дълбоко информативен въпрос очаквах отговор, ще има да си чакаш, като уточниш какво точно искаш да постигнеш и най-вероятно ще се намери кой да помогне.
| |
Тема
|
Re: <div>, css
[re: Volkano v.6]
|
|
Автор | oleg (Нерегистриран) |
Публикувано | 13.11.07 13:06 |
|
Emi prav si, no ne znaeh dali sum na viarnoto miasto i zatova biah pesteliv ;-).
Eto i link kam problema mi.
http://kikiki.100webspace.net/
Idejata e jaltata iviza da e vinagi nai-dolu. No v momenta teksta preliva izvan neja. V Explorer-a vsicko e OK, no v Netscape i Mozilla e kofti.
Oleg
| |
Тема
|
Re: <div>, css
[re: oleg]
|
|
Автор |
Ulysses (Eyewalker) |
Публикувано | 13.11.07 15:42 |
|
#content
{
width:760px;
left:280px;
height:100%;
background-color: white;
font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
font-size:11px;
color:#484848;
position:relative;
/* border: 2px solid green; */
}
това е проблема height:100%; - заема 100% от височината на съдържащият го елемент - <div id="center">
отделно от това - нямам време да гледам кой код е от теб и кой е добавен от хостинга ти. Кода ти е невалиден или поне кода на страницата, след като е минал през хостинга, а това е МНОГО важно за ДИВ/ЦСС кода, използвах XHTML
Използвай валидатори за CSS/(x)HTML
това какво трябва да прави?:
#website
{
width:1066px;
height:100%;
background-color: white;
left:10%;
right:10%;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
/* border: 1px solid black; */
}
ако искаш да е центриран този елемент (съответно целия сайт):
#website {
width: 1066px;
margin: 0px auto;
padding: 0px;
background: #fff;
}
по мое мнение: width: 1066px; е като за 17"/19" TFT, но дали е редно да е толкова много? 960px е според мен приличен компромис.
така си представям аз твоя Каскаден Стил (под Експлорър7 и Мозила е ОК, за останалото погледни, не претендирам да е 100% съвместим):
<style type="text/css" media="all">
<!--
body{
background: #575646;
margin: 0;
}
div.ai{
width: 240px;
padding: 5px 0px 0px 0px;
margin: 0px;
float: left;
display: block;
font: normal 12px Tahoma;
text-align: left;
}
div.bnu{
font-size: 11px;
line-height: 22px;
}
p{
text-align: justify;
}
.ai a,.ai a:hover{
color: #0000ff;
font: bold 12px Tahoma;
text-decoration: underline;
}
.ai p{
padding: 0px;
margin: 0px;
font: normal 12px Tahoma;
line-height: normal;
text-decoration: none;
}
.bnu a,.bnu a:hover{
padding: 0px 5px;
color: #000000;
font: normal 11px Tahoma;
text-decoration: none;
}
.bnu a:hover{
color: #0000ff;
}
#bottom{
background: #ffff00;
height: 10px;
margin: 0 auto;
}
#center{
margin: 0;
background: #fff;
}
#content{
color: #484848;
background: #ffffff;
font: 11px Arial,Helvetica,Geneva,Verdana,sans-serif;
margin: 0 20px 0 290px;
}
#header{
width: 100%;
margin: 0px 0px 0px 0px;
background: #ffffff;
height: 205px;
position: relative;
z-index: 1;
overflow: hidden;
}
#menupoints{
width: 273px;
margin: 0px;
padding: 10px 0px 0px 0px;
display: block;
color: #484848;
font: 11px Arial,Helvetica,Geneva,Verdana,sans-serif;
height: 200px;
position: absolute;
z-index: 2;
overflow: hidden;
}
#menupoints a{
width: 273px;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 10px;
display: block;
color: #484848;
background: #e1e1e1;
font: 11px Arial,Helvetica,Geneva,Verdana,sans-serif;
text-decoration: none;
height: 21px;
position: relative;
z-index: 2;
}
#menupoints a:hover{
display: block;
color: #fff;
font: 11px Arial,Helvetica,Geneva,Verdana,sans-serif;
position: relative;
z-index: 2;
}
#website{
width: 960px;
margin: 0 auto; /* border:1px solid black;*/
padding: 0;
background: #fff;
}
-->
</style>
Винаги има изход ...
| |
Тема
|
Re: <div>, css
[re: Ulysses]
|
|
Автор | oleg (Нерегистриран) |
Публикувано | 13.11.07 20:03 |
|
mersi mnogo za kompetentnia i izcherpatelen otgovor!
shte go probvam vednaga.
Oleg
| |
Тема
|
Re: <div>, css
[re: oleg]
|
|
Автор |
Ulysses (Eyewalker) |
Публикувано | 15.11.07 06:38 |
|
Сработи ли?
Винаги има изход ...
| |
Тема
|
Re: <div>, css
[re: oleg]
|
|
Автор |
Kpивиндeл (пазя си нервите) |
Публикувано | 15.11.07 17:15 |
|
На div-a с текста - display: table;
| |
Тема
|
Re: <div>, css
[re: Kpивиндeл]
|
|
Автор | kkk (Нерегистриран) |
Публикувано | 15.11.07 17:51 |
|
във ФФ продължава да не е както трябва, проблема че, че трябва се изчистят флоатите, сложи на ботъм, което ти е жълтата ивица:
#bottom{
clear: both; /*eto toa dobawi za da stane ok*/
background: #ffff00;
height: 10px;
margin: 0 auto;
}
| |
|
|
|
|