x-kom hosting

IE szerokość strony

krzysiopac
utworzono
utworzono

Witam

Mam problem z rozdzielczością na stronie (stronę mam na dbv.pl, więc nie mam dostępu do php). Chcę mieć stałą szerokość strony i w Firefoxie wszystko działa jak należy a Internet Explorer nie reaguje, cały czas w IE strona wyświetlana jest na całą szerokość monitora. Nie wiem jak rozwiązać ten problem, szukałem ale nic nie znalazłem.
Używam kodu:

<style>
body {
width: 970px;
margin: 0px auto;
padding: 0px auto;
}
</style>

Dziękuję za odpowiedź

wojtex5
komentarz
komentarz

nie ustawiaj szerokości dla <body> bo IE interpretuje body jako... całą stronę. (nie można raczej zmienić wielkości body w IE)

proponuję objąć całą stronę jednym divem i dla niego ustawić stałą szerokość.

krzysiopac
komentarz
komentarz

a czy mogę objąć divem całą stronę nie mając dostępu do php? Jeśli tak to proszę o podanie kodu, gdyż nie bardzo wiem jak się za to zabrać.

mr.js
komentarz
komentarz (edytowane)

[quote name='krzysiopac' timestamp='1308661043' post='1282513']
a czy mogę objąć divem całą stronę nie mając dostępu do php? Jeśli tak to proszę o podanie kodu, gdyż nie bardzo wiem jak się za to zabrać.
[/quote]

Jeśli chcesz rzeczywiście na całą szerokość strony to musisz użyć: parametru width 100% jednak pamiętaj że wybór tej opcji nie zawsze będzie najlepszy (najłatwiejszy), bo musisz sprawdzić wygląd strony w każdej możliwej rozdzielczości. Szerokość diva będzie zawsze wynosiła tyle ile akurat się da maksymalnie zmieścić na ekranie.

druga opcja to ustawienie parametru width:1000px; lub inna wartość. Wtedy na każdym komputerze strona będzie miała ten sam rozmiar. W tym wypadku 1000 pikseli.


<style>
body {
background-color: #111111; /* kolor tła dla sekcji body (oczywiście może być jakaś tekstura) jeśli wybierzesz width 100% to możesz to pominąć, bo div przysłoni tło */
font-family: Verdana; /* możesz sobie ustalić czcionkę na całą stronę. Będzie ona czcionką domyślną*/
}

#main {
margin: 0 auto; /* div będzie na środku zawsze, choć przy width 100% nie ma to znaczenia bo i tak będzie zajmował całą stronę */
width: 100%; /* lub width: 1000px; lub inna wartość */
background: #fff; /* kolor tła dla diva */
}
</style>

<body>
<div id="main"> zawartość strony </div>
</body>

Uszanowanie

TheWojtaSZ
komentarz
komentarz

<style type="text/css">.outer-border { width: 1000px; }</style>

dodaj to tak bedzie dzialalo:)

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.