Div'i nestav blakus

[shurix]

Tepat foruma mekleju un atradu ka vajag display: inline. Uz IE itka radas vis kartiba bet uz FF un operas div'i ir viens zem otra. Vajag viena rindina.

Pats kods sheit http://paste.php.lv/7586?lang=php

[andrisp]

Ja tu norādi display: inline, tad platumu norādīt nemaz nevarēsi. Labāk izmēģini float: left display: inline vietā.

[shurix]

Uj paldies par tik aatru atbildi. Viss kartibaa.

[GHvilks]

Negribēju taisīt jaunu topiku un esošajos neko, kas man palidzētu neatradu.

Problēma tādā - ir trīs div, kas novietoti veins otram blakus, bet kad samazina logu labais div brauc virsu videjam un IE kautkādā brīdi videjo div tagu nostumj lejā.

 

html:

 

<div id="container">
<div id="rightside"></div>
<div id="leftside"></div>
<div id="middle"></div>
</div>

css:

 

#leftside {
width: 250px;
float:left;
padding-left:10px;
}
#rightside {
float:right;
width:200px;
}
#middle {
margin-left: 260px;
margin-right: 200px;
min-width: 500px;
}

 

Apskatīt dābā to var šeit.

[Aikss]

Samazinot logu samazinās platums un tā kā tev ir platumi px un ir float, tad tas, ka brauc virsū ir tikai normāli.

 

Atkarībā ko tu vēlies.

1: Uzlikt konteinerim platumu, kas ir visu trīs divu platumi kopā.

2:Likt vidējam div platumu %, kā rezultātā samazinot logu samazinātos vidējā div platums.

 

Bez tam vai trīs divus liekot blakus nevajadzēja visiem trim likt float: left;, varētu tad iztikt bez tiem margin-left un margin-right.

 

Varbūt noņem nost vidus div min-width un tabulai platumu (skatījos tevis doto linku).

Edited July 28, 2008 by Aikss

[martins256]

display inline vajadzēs, ja būs kkādi margini tiem floatiem. IE atkal uzdarbojas. http://www.positioniseverything.net/explor...led-margin.html