CSS Проблем, моля за помощ ...

Moreny

Registered
Здравейте,

Трябва ми малко помощ да оправя следния проблем. Имам два div class-а

.box
{
margin-left: 90px;
position:static;
width: 220px;
}

.box1
{
position:static;
width: 278px;
margin-left: 300px;
height: 240px;
}

Значи искам да имам две колони точно една до друга. Ето така:

2B.jpg


Под FireFox излизат чудесно точно една до друга и няма разминаване (точно както е на картинката)

Но под Internet Explorer не успявам да го направя да излиза точно. Ето така изглежда под IE.
3J.jpg


Къде бъркам ? Може би CSS както съм задал box и box1 да не е правилно ?

Благодаря Ви !
 
.box
{
margin-left: 90px;
position:static;
width: 220px;
float:left;
}

.box1
{
position:static;
width: 278px;
margin-left: 300px;
height: 240px;
float:right;
}[/quote
к?
 
Код:
div.all{
width:598;/сбора от 2та ти width'a/
margin: 0px auto;
}
 
.box
{
margin-left: 90px;
position:static;
width: 220px;
float:left;
}

.box1
{
position:static;
width: 278px;
float;right;
}
и после вкарваш 2та див'а в един.
 
Moreny каза:
akolevutd каза:
Код:
 position:static;
:lol:

E Какво ?
Код:
<!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>
	
	<base href="http://store3.data.bg/funsite/m2.html" />
	
	<style type="text/css">
	
	* { padding: 0; margin: 0; }
	
	html, body { background-color: #d5d5d5; font-family: Verdana, Arial; font-size: 20px; color: red; }
	
	.container { width: 500px; height: 300px; margin: 0 auto; }
	
	.left { width: 249px; height: 300px; float: left; border-right: 1px solid blue; background-color: #d2d2d2; text-align: center; }
	
	.right { width: 250px; height: 300px; float: left; background-color: #e2e2e2; text-align: center; }

</style>
<head>
<body>

<div class="container">

	<div class="left">

	BOX 1<br />
	html/php<br />
	</div>
	<div class="right">
	BOX 2<br />
	html/php<br />
	</div>

<div>

</body>
</html>
 

Back
Горе