Мега разминаване на boxes

[dashe]

Ето линк:
http://web-tourist.net/project/dashe/xsaxa.html
Под опера и моззила е точно както го искам...
Под ИЕ без коментар как да го оправя..
Идеии.. xD

 

[adrian]

Твърде объркан ти е кода. Ето сложих ги на един ред, обаче са мнооого широки. Сега ще се опитвам да ти оправя целия код:

div.news {
width: 200px;
float: left;
background: #143d55;
border-left: 2px solid #1e4861;
margin-top: 5px;
padding-bottom: 5px;
}
* html div.news {
clear: right;
}
div.news strong {
font-size: 12px;
float: left;
color: #ddd;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 300px;
text-decoration: none;
margin-top: 0;
padding-top: 0;
}

div.news a:hover strong {
color: #fff;
text-decoration: none;
margin-top: 0;
padding-top: 5px;
}

div.news span {
float: left;
padding-left: 0px;
margin-left: 0px;
width: 500px;
color: #ccc;
text-decoration: none;
font-family: Tahoma;
font-size: 11px;
margin-top: 0;
padding-top: 0;
}

div.news a:hover span {
color: #fff;
text-decoration: none;
margin-top: 0;
padding-top: 0;
}

 

[adrian]

Ето какво направих:

<style>
div.news {
width: 200px;
float: left;
background: #143D55;
border-left: 2px solid #1E4861;
margin-top: 5px;
padding-bottom: 5px;
}
span.zaglavie {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #DDDDDD;
text-decoration: none;
display: block;
}
span.data {
font: 11px Tahoma;
color: #CCCCCC;
text-decoration: none;
display: block;
}
div.news a:hover {
color: #FFFFFF;
text-decoration: none;
}
</style>

<div class="news">
<span class="zaglavie">Заглавие</span>
<span class="data">Дата: 2008-02-22 22:13:29</span>
<a href="news/read_more.php?newsid=2">Прочети</a>
</div>
<div class="news">
<span class="zaglavie">Заглавие 2</span>
<span class="data">Дата: 2008-02-22 10:47:36</span>
<a href="news/read_more.php?newsid=1">Прочети</a>
</div>

Демо
Valid CSS

 

[Fr0N7Lin3]

IE е маса бъгаво... по скоро не ние да си орпавяме кодовете, а microsoft да си оправят буклуците.

 

[dashe]

Благодаря
+1
Още един въпрос само как да ги направя двете като са една до друга дане са слепени а да има малко място между тях ..

 

[dashe]

IE е маса бъгаво... по скоро не ние да си орпавяме кодовете, а microsoft да си оправят буклуците.

Ам аде..
Кои даим каже , кои да го оправи просто ...
То да ти писне от тъпото ИЕ... :x

 

[adrian]

Пробвай на div.news да сложиш margin-left: 2px;
ако не стане ще измисля нещо по-ксно

 

[dashe]

Пробвай на div.news да сложиш margin-left: 2px;
ако не стане ще измисля нещо по-ксно

Стана благодаря пак