Jump to content
  • 0

выравнивание DIV


DjDance
 Share

Question

Не пиннайте сразу, дочитайте до конца.Не наш?л такой темы по поиску, поэтому создаю новую.

Как выровнять меню во внутреннем тэге div по середине экрана горизонтально?

Проблема в том, что не известна ширина и задать ж?стко е? нельзя, клиент сам изменяет меню, и она будет плавающей, но меню всегда должно центрироваться. Основная проблема в том, что не получается сделать минимальной ширины по контенту, расползается на 100%. А все подпункты меню разумеется должны быть выровняны слева.

Вот пример кода меню:

<div style="background:#FFFFFF;width:100%;">
<div style="background:#FFFFFF;color:#335533;">
<ul style="background:#FFFFFF;color:#335533;">
<li style="background:#FFFFFF;color:#335533;"><a href="#"">Home</a>
<ul style="background:#FFFFFF;color:#335533;">
<li style="background:#FFFFFF;color:#335533;"><a href="#"">Home Page</a></li>
<li style="background:#FFFFFF;color:#335533;"><a href="#"">Golf Links</a></li>
</ul>
</li>
<li style="background:#FFFFFF;color:#335533;"><a href="#"">Club Information</a>
<ul style="background:#FFFFFF;color:#335533;">
<li style="background:#FFFFFF;color:#335533;"><a href="#"">About Us</a>
<ul style="background:#FFFFFF;color:#335533;">
<li style="background:#FFFFFF;color:#335533;"><a href="#"">About Us</a></li>
<li style="background:#FFFFFF;color:#335533;"><a href="#"">Course Description</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>

Спецом не писал в примере "class" и "id" через потому что когда это заработает "style" , потом перенести это в класс сможет и обезьяна. :) А так оно проще смотрится вс? вместе в 1 файле :) Жду помощи от спецов, замучался уже, а никак не получается. :)

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0
ммм а нельзя ширину ul задать ? например там 300px ? Я что прочитал про ширину но не понял можно или нельзя ?

А смотрится хреного... сделайте лучше со стилями

Ширину нигде задать ж?стко нельзя, в этом и проблема. Потому что вс? меню ид?т через админку, клиент может ввести что угодно.

:) Так на самом деле в реале вс? и ид?т через "id", это я просто для примера вынес это в "style" ,чтобы понятнее было. :)

Link to comment
Share on other sites

  • 0
для главного списка задай margin:0 auto;

Ещ? раз повторяю - не поможет, потому что внутренний "div" принимает ширину 100%. Проблема именно в том, чтобы его ширина всегда была не шире, чем ширина контента внутри. "min-width" - почемы-то не пашет. :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy