Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Automatyczne dopasowanie ramki div-a do zawartości
#1
Cześć wszystkim!

Mam mały problem - w uproszczeniu: jeśli zawartość diva jest szersza od okna przeglądarki, to prawa część ramki tego diva przebiega przez zawartość. Może dla zobrazowania mały skrypcik JS:
Kod PHP:
javascriptdocument.write('<html><body><div id="mydiv" style="border: blue 3px dashed"><table border="1"><tr>'); for(i=0;i<200;++i){document.write('<td>'+i+'</td>');} document.write('</tr></table></div></body></html>'); document.close(); 
(do wklejenia i uruchomienia w pasku adresu przeglądarki)
Skrypt tworzy diva (z obramowaniem), a w nim tabelkę - która w większości przypadków - będzie szersza od okna przeglądarki. Niestety "border" cały czas jest taki jak szerokość okna. I tu moje pytanie:
da się zrobić tak, żeby border się dostosowywał do szerszej zawartości? Problem dotyczy FF i Opery, a IE nie - co utwierdza mnie w przekonaniu, że robię coś nie tak :-)

Pozdr.,
M.
Odpowiedz
#2
mozesz zrobic np takSmile
Kod:
javascript: document.write('<html><body><div id="mydiv" style="border: blue 3px dashed;min-width:5120;"><table border="1"><tr>'); for(i=0;i<200;++i){document.write('<td>'+i+'</td>');} document.write('</tr></table></div></body></html>'); document.close();
Odpowiedz
#3
Dzięki za sugestię - tylko te przykładowe 200 komórek nie jest niestety wartością stałą - a ja chciałbym, żeby ramka się automatycznie dopasowywała właśnie w zależności od szerokości zawartości. Na razie to co wymyśliłem jest podobne do twojego pomysłu - tylko zamiast min-width korzystam z width (to chyba nie robi różnicy), a samą wartość generuję na podstawie tego, ile kolumn ma być - czyli w uproszczeniu:
Kod PHP:
javascriptk=200document.write('<html><body><div id="mydiv" style="border: blue 3px dashed; width: '+(Math.round(k*25.62))+';"><table border="1"><tr>'); for(i=0;i<k;++i){document.write('<td>'+i+'</td>');} document.write('</tr></table></div></body></html>'); document.close(); 
- tylko jeszcze trzeba osobno liczyć szerokość komórek 1- / 2- / 3- cyfrowych (lub dopełniać &nbsp-ami) i zastosować czcionkę o stałej szerokości.
Aczkolwiek takie rozwiązanie wydaje mi się trochę prowizoryczne i nie jestem przekonany, że taki wpisany na stałe współczynnik się zawsze sprawdzi.

Pozdr.,
M.

PS: A najbardziej mnie wnerwia, że w IE wygląda dobrze bez takich zabaw Tongue
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Automatyczne aktualizowanie danych z serwera na stronie bm1209 19 16,349 01-07-2016, 19:59
Ostatni post: marekst74
  Dopasowanie do okna przeglądarki przemex1994 4 5,076 23-10-2014, 02:58
Ostatni post: Kartofelek
  [xHTML][CSS][JQ] Dopasowanie strony do rozdzielczości ekranu. kadobe 3 4,409 17-08-2013, 01:57
Ostatni post: msx83
  Ramki i wysuwane menu HTML/CSS matteo0092 6 4,377 23-11-2012, 01:42
Ostatni post: matteo0092
  Aktualizacja zawartości DIV'a w czasie Setesh 2 2,730 19-10-2012, 02:22
Ostatni post: Setesh

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl