Opera - Rozmiar pudełka dla elementu liniowego, ...bez podania szerokości Opcje

[DavidPL]

Witam,
Spotkałem się z następującym problemem i nie wiem jak go rozwiązać:
Mam element SPAN (lub np DIV z atrybutem inline) i chciałbym nadac mu dość konkretne rozmiary (tzn. w moim przypadku wysokość 67px i odstęp - padding - od góry 32 px). Pod IE wszystko działa zgodnie z założeniem natomiast Operka całkowicie olewa moje rozmiary jeśli nie wpiszę jej szerokości elementu.
Szerokości elementu nie moge podać bo będą tam różnej długości teksty, a po przekroczeniu podanej szerokości tekst wylewa się poza pudełko.
Jak zrobić aby po przekroczeniu podanych rozmiarów pudełko rozciągało się lub żeby można było uzyskać oczekiwamy rozmiar pudełka bez podawania szerokości?

--
Pozdrawiam,
Dawid Szałęga

P.S. Tylko nie piszcie że się nie da bo zostanie mi tylko się zastrzelić.

[shima]

Kod

min-height: xxx px;

[DavidPL]

Ale jeśli nie podam

Kod

width: xx px;

to dalej nic z tego, a jak podam to i tak po przekroczeniu tej wartości tekst mi wypłynie na zewnątrz pudełka. Nie ma jakiegoś sposobu na rościąganie podułka wraz z tekstem.

--
Dawid Szałęga

Ten post edytował DavidPL 23.11.2004, 17:56:30

[akubiczek]

pokaż tu ten twój HTML bo nie wiadomo o co chodzi

[wassago]

przeciez elementowi inline'owemu nie mozna przydzielic rozmiarow poprzez 'width' i 'height'..
zamieszales w tym swoim poscie, bo rozumiem, ze chodzi ci o cos takiego:

[XML] pobierz, plaintext 
<div style="height: 67px; padding-top: 32px; background-color: red; float: left;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</div>
[XML] pobierz, plaintext 

ps. tylko nie pisz mi prosze 'przeciez pod IE dziala' bo zamorduje

[DavidPL]

Chcę w górnej cześci strony zrobić menu.
HTML wygląda tak:

[HTML] pobierz, plaintext 
<DIV class="naglowek">
  <DIV class="menu"><A href="index.php">MENU</A></DIV>
  <DIV class="menu"><A href="index.php">MENU 2</A></DIV>
  ...etc...
</DIV>
[HTML] pobierz, plaintext 

a CSS wygląda tak:

Kod

.naglowek
{
    height: 67px;
    background-color: #00736E;
    background-image: url('naglowek-tlo.gif');
}

.naglowek .menu
{
    display: inline;
    height: 67px;
    padding-top: 42px;
    white-space: nowrap;
    background-image: url('naglowek-menu-tlo.gif');
}

Chciałbym aby elementy menu miały ładne tło - nie znam ich szerokości ani ilości (generowane dynamicznie).
W IE dosteję oczekiwany efekt, w pozostałych przeglądarkach nie (wiem że to raczej interpretacja IE jest niepoprawna ale doje to co chcę). Nie wiem jak to zrobić żeby działało wszędzie, a za wszelką cenę chcę uniknąć stosowania tabeli bo to by się mijało z celem.

--
Dawid Szałęga

[wassago]

zamien

Kod

.naglowek .menu {
  height: 67px;
  float: left;
  padding-top: 42px;
  white-space: nowrap;
  background-image: url('naglowek-menu-tlo.gif');
}

[yavaho]

A moze zastosuj "float"?

Kod

.naglowek {
  width: 770px;
  background: #00736E url('naglowek-tlo.gif');
}

.menu {
  float:right;
  height: 67px;
  padding-top: 42px;
  white-space: nowrap;
  background-image: url('naglowek-menu-tlo.gif');
}