Центриране на елемент по хоризонтала?

S

sizif

Registered
Здравейте!

Работя с таблици и ДИВ-а в случая по-долу е необходимото усложнение. Мога да реша проблема с още една таблица, но ще натоваря кода, затова моля за помощ.

Случаят е следният: имам див, в който съм поместил таблица с определено съдържание. Таблицата е с по-малък размер и при динамичното образуване на кода ще плава в ляво, център и дясно в зависимост от вложения стилов шаблон:
STYLE="text-align: center"

Проблемът е, че под ФФ това подравняване не работи и елементът (таблицата в див-а) остава в ляво :(


div.album
{
width:193px;
height:260px;
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
border:solid 1px #a25656
}



<DIV CLASS="album" STYLE="text-align: center">

<TABLE ID="bgrn_album_B" CELLSPACING=0 BORDER=0 CELLPADDING=0 WIDTH=170>
<TBODY>
<TR><TD WIDTH=170 HEIGHT=5></TD></TR>

<TR><TD CLASS="tahoma12G" ALIGN="LEFT" VALIGN="MIDDLE" WIDTH=170 HEIGHT=25>  Толкова дълго име</TD></TR>

<TR><TD ALIGN="CENTER" VALIGN="MIDDLE" WIDTH=170 HEIGHT=170><IMG SRC="12345.jpg" ID="photo"></TD></TR>

<TR><TD WIDTH=170 HEIGHT=12></TD></TR>

<TR><TD ID="GalleryLine" WIDTH=170 HEIGHT=1></TD></TR>

<TR><TD ALIGN="CENTER" WIDTH=170 HEIGHT=28><INPUT TYPE="checkbox" NAME="fm[]" VALUE="17"></TD></TR>

<TR><TD ID="GalleryLine" WIDTH=170 HEIGHT=1></TD></TR>

</TBODY></TABLE>

</DIV>

Какво решение бихте могли да ми предложите, за да мога да позиционирам елемента променяйки само стойността във вложения стилов шаблон?
Не търся "бетониращо решение" с килограми код или селектори, позиционирани във външния ЦСС-файл. Трябва да е леко и просто, за да мога да го образувам динамично чрез скрипта.

Благодаря предварително!
 
sizif каза:
div.album
{
width:193px;
height:260px;
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
border:solid 1px #a25656
}
Увеличете...
Това го правиш така:
Код: 
div.album
{
width:193px;
height:260px;
float:left;
padding: 0 0 0 0;
border:solid 1px #a25656
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}

Аз фиксирам бъга по-този начин :). Само че за да работи и под IE сложи в body на css документа
text-align: center;
Увеличете...
Ако имаш проблеми пиши ;)!

Може и да не съм те разбрал :). Просто на първото четене си мисля, че проблема по този начин е възможно да се фиксира :).
 
ако съм разбрал добре :) на тоя див му сложи ширина,каквато е максималната на таблицата, след което му слагаш margin:0px auto; .div { margin:0px auto; width:1024px;} по-горе колегата ти е показал нещо такова , само , моето е по-съкратено.
 
Здравейте!

Благодаря за отговорите, но моля ви, четете, какво питам и се придържайте към даденото, а не разширявайте примерите :(

Не става дума за центриране на документ. Изполвам този див вместо клетка на таблица, а дивовете ще са много - по 3 на ред.
Идеята е да не си играя да броя и затварям редовете в таблицата.
Това е несъществено.

ОСНОВНОТО:

имам див с определени параметри. Вижте ги в първия пост. Трябват тези параметри и някави други.

в див-а има таблица с по-малък размер, чието позициониране в див-а "плава" в ляво, дясно и центъра в зависимост от това, което се зададе във вложения стил (болднатия ред от първия пост)


ЗАДАЧАТА:

как да направя така, че таблицата в див-а да се центрира без да се накърняват описаните по-горе изисквания.

Ако ще трябва да правя генерални безумия по-добре да сложа още една таблица вписана по размерите на див-а и в нея да центирам по-малката таблица :(
 
ето едно решение но за него ще ти трябват още 3 класа
div.right table{
margin:0 0 0 auto;
}

div.left table{
margin:0 auto 0 0;
}

div.center table{
margin:auto;
}

според маргина определяш къде да ти е таблицата
а в хтмл-а
<div class="album center" > да я центрираш
<div class="album right" > да е в дясно
<div class="album left" > да е в ляво
дано съм те разбрал ;)
общо взето 6 реда код
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе