+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: CSS - szerokość strony (/thread-css-szeroko%C5%9Bc-strony)
CSS - szerokość strony - Robster - 23-09-2009
RE: CSS - szerokość strony - Labsta.com - 23-09-2009
Jesli dobrze widze to wystarczy klasie content dać margin: 0 auto;
Dodatkowo nadzrzędnym dla kontent (np. header) możesz dać width: 100%;
RE: CSS - szerokość strony - Robster - 23-09-2009
Niestety nie pomogło :/ A przynajmniej tak mi się wydaje, bo wrzuciłem podmienione pliki na serwer i nic się nie zmieniło.
Myślałem, że dobrze to napisałem, po przecież są podane wymiary DIV'ów wewnętrznych, ale chyba coś z tymi position skopałem, bo pierwszy raz z tego korzystam :/
RE: CSS - szerokość strony - Labsta.com - 23-09-2009
Moim zdaniem pozycje absolutne to złe rozwiązanie. Sam używam rzadko, float jest lepszy, bo nie wyciąga elementu z biegu dokumentu. Czyli jak używasz float to rozciąga on rodzica, gdy dodasz więcej treści. Przy pozycjach absolutnych tak nie jest.
Druga sprawa jeśli element rodzica nie odziedziczy żadnej szerokości, to margin: 0 auto; ma prawo nie działać. Pewnie dlatego, że nie ma punktu odniesienia, przynajmniej tak to sobie tłumaczę
Z tego co sprawdzałem to co napisałem działało na content w header. Jako, że strona nie posiada treści, trudno stwierdzić co z resztą. Zauważ też, że nie dotyczy to loga, gdyż pozycjonujesz je absolutnie względem header.
RE: CSS - szerokość strony - Robster - 23-09-2009
Yhy rozumiem, czyli działa "prawie" tak jak chciałem, tyle że nie ma żadnej treści w content.
Tylko teraz nie wiem jak zrobić by grafika (stopka i top) pozycjonowały się "same". Nie mogę wpisać stałych wartości, bo stronka będzie się sypała przy innych rozdzielczościach ekranu niż moje. Gdy usunę paddingi, grafika się rozwala i nic z tego nie wychodzi :/
Znacznik <center> działa w ten sam sposób, który przedstawiłeś, wcześniej.
RE: CSS - szerokość strony - Labsta.com - 23-09-2009
<center> wyszedł z mody już dawno
Pokaże Ci jak to zrobić, dostosujesz sobie i pokombinujesz.
Kod:
body {
margin: 0;
}
.wrap {
width: 100%;
margin: 0px;
}
.content {
width: 960px;
margin: 0 auto;
}
#top {
background-color: #f1f1f1;
}
#mid {
background-color: #ffff80;
}
#foot {
background-color: #ababab;
}Kod:
<div class="wrap" id="top">
<div class="content" id="topcontent">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores em rerum facilis est et expedita distinctio.</p>
</div>
</div>
<div class="wrap" id="mid">
<div class="content" id="midcontent">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores em rerum facilis est et expedita distinctio.</p>
</div>
</div>
<div class="wrap" id="foot">
<div class="content" id="footcontent">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores em rerum facilis est et expedita distinctio.</p>
</div>
</div>Elementy mają dodatkow id żebyś mógł dowolnie na nich operować. Niekoniecznie są wymagane.
RE: CSS - szerokość strony - Robster - 25-09-2009
Dzięki LABSTA za pomoc, jutro zlookam sobie czy coś to pomoże, jeśli nie, to możesz się mnie spodziewać ponownie w tym temacie
EDIT:
Poprawiłem kod i wszystko śmiga:
HTML:
Kod PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta name="description" content="Opis strony" />
<meta name="keyword" content="slowa kluczowe" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="pl" />
<title>KamilNamysla.pl</title>
<link rel="stylesheet" href="css/screen.css" media="screen" type="text/css" />
</head>
<body>
<div id="header">
<div class="content">
<h1><a href="/">KamilNamysla.pl</a></h1>
<ul>
<li><a href="css/webdesign.html">WEBDESIGN</a></li>
<li><a href="css/fotomontaze.html">FOTOMONTAŻE</a></li>
<li><a href="css/inne.html">INNE</a></li>
<li><a href="css/kontakt.html">KONTAKT</a></li>
</ul>
</div>
</div>
<div id="slogan">
<div class="content">
<div id="galeria">Według "Gazety Wyborczej", nowy selekcjoner reprezentacji Polski - Stefan Majewski dokona dzisiaj kilku rewolucyjnych zmian w kadrze. Wśród powołanych na mecze z Czechami i Słowacją zabraknie Artura Boruca, Michała Żewłakow i Jacka Krzynówka. Zdaniem "Gazety Wyborczej" do drużyny wróci Jerzy Dudek.
Już dziś Stefan Majewski ogłosi nazwiska 23 piłkarzy, którzy zagrają w dwóch ostatnich meczach eliminacji MŚ 2010. Według doniesień gazety, poza kadrą znalazło się kilku ulubieńców byłego selekcjonera, Leo Beenhakkera. Artur Boruc, Michał Żewłakow, Jacek Krzynówek, Wojciech Łobodziński i Marek Saganowski nie będą mieć szansy pokazania się w październikowych spotkaniach.
W zespole pojawią się pomijani przez holenderskiego szkoleniowca Sławomir Peszko i Arkadiusz Głowacki. Najbardziej może zaskakiwać nazwisko Jerzego Dudka, który od kilku sezonów pełni tylko rolę rezerwowego w madryckim Realu. W kadrze ma się również pojawić Wojciech Kowalewski. Zabraknie natomiast najlepszego spośród polskich bramkarzy - Artura Boruca.
Przypomnijmy, że polska reprezentacja ma już tylko iluzoryczne szanse na wyjście z grupy i zagranie w barażach o RPA 2010. Nasza drużyna 10 października podejmie Czechy, a cztery dni później lidera grupy 3 - Słowację. Według "Gazety Wyborczej", nowy selekcjoner reprezentacji Polski - Stefan Majewski dokona dzisiaj kilku rewolucyjnych zmian w kadrze. Wśród powołanych na mecze z Czechami i Słowacją zabraknie Artura Boruca, Michała Żewłakow i Jacka Krzynówka. Zdaniem "Gazety Wyborczej" do drużyny wróci Jerzy Dudek.
Już dziś Stefan Majewski ogłosi nazwiska 23 piłkarzy, którzy zagrają w dwóch ostatnich meczach eliminacji MŚ 2010. Według doniesień gazety, poza kadrą znalazło się kilku ulubieńców byłego selekcjonera, Leo Beenhakkera. Artur Boruc, Michał Żewłakow, Jacek Krzynówek, Wojciech Łobodziński i Marek Saganowski nie będą mieć szansy pokazania się w październikowych spotkaniach.
W zespole pojawią się pomijani przez holenderskiego szkoleniowca Sławomir Peszko i Arkadiusz Głowacki. Najbardziej może zaskakiwać nazwisko Jerzego Dudka, który od kilku sezonów pełni tylko rolę rezerwowego w madryckim Realu. W kadrze ma się również pojawić Wojciech Kowalewski. Zabraknie natomiast najlepszego spośród polskich bramkarzy - Artura Boruca.
Przypomnijmy, że polska reprezentacja ma już tylko iluzoryczne szanse na wyjście z grupy i zagranie w barażach o RPA 2010. Nasza drużyna 10 października podejmie Czechy, a cztery dni później lidera grupy 3 - Słowację.Według "Gazety Wyborczej", nowy selekcjoner reprezentacji Polski - Stefan Majewski dokona dzisiaj kilku rewolucyjnych zmian w kadrze. Wśród powołanych na mecze z Czechami i Słowacją zabraknie Artura Boruca, Michała Żewłakow i Jacka Krzynówka. Zdaniem "Gazety Wyborczej" do drużyny wróci Jerzy Dudek.
Już dziś Stefan Majewski ogłosi nazwiska 23 piłkarzy, którzy zagrają w dwóch ostatnich meczach eliminacji MŚ 2010. Według doniesień gazety, poza kadrą znalazło się kilku ulubieńców byłego selekcjonera, Leo Beenhakkera. Artur Boruc, Michał Żewłakow, Jacek Krzynówek, Wojciech Łobodziński i Marek Saganowski nie będą mieć szansy pokazania się w październikowych spotkaniach.
W zespole pojawią się pomijani przez holenderskiego szkoleniowca Sławomir Peszko i Arkadiusz Głowacki. Najbardziej może zaskakiwać nazwisko Jerzego Dudka, który od kilku sezonów pełni tylko rolę rezerwowego w madryckim Realu. W kadrze ma się również pojawić Wojciech Kowalewski. Zabraknie natomiast najlepszego spośród polskich bramkarzy - Artura Boruca.
Przypomnijmy, że polska reprezentacja ma już tylko iluzoryczne szanse na wyjście z grupy i zagranie w barażach o RPA 2010. Nasza drużyna 10 października podejmie Czechy, a cztery dni później lidera grupy 3 - Słowację. >Według "Gazety Wyborczej", nowy selekcjoner reprezentacji Polski - Stefan Majewski dokona dzisiaj kilku rewolucyjnych zmian w kadrze. Wśród powołanych na mecze z Czechami i Słowacją zabraknie Artura Boruca, Michała Żewłakow i Jacka Krzynówka. Zdaniem "Gazety Wyborczej" do drużyny wróci Jerzy Dudek.
Już dziś Stefan Majewski ogłosi nazwiska 23 piłkarzy, którzy zagrają w dwóch ostatnich meczach eliminacji MŚ 2010. Według doniesień gazety, poza kadrą znalazło się kilku ulubieńców byłego selekcjonera, Leo Beenhakkera. Artur Boruc, Michał Żewłakow, Jacek Krzynówek, Wojciech Łobodziński i Marek Saganowski nie będą mieć szansy pokazania się w październikowych spotkaniach.
W zespole pojawią się pomijani przez holenderskiego szkoleniowca Sławomir Peszko i Arkadiusz Głowacki. Najbardziej może zaskakiwać nazwisko Jerzego Dudka, który od kilku sezonów pełni tylko rolę rezerwowego w madryckim Realu. W kadrze ma się również pojawić Wojciech Kowalewski. Zabraknie natomiast najlepszego spośród polskich bramkarzy - Artura Boruca.
Przypomnijmy, że polska reprezentacja ma już tylko iluzoryczne szanse na wyjście z grupy i zagranie w barażach o RPA 2010. Nasza drużyna 10 października podejmie Czechy, a cztery dni później lidera grupy 3 - Słowację. Według "Gazety Wyborczej", nowy selekcjoner reprezentacji Polski - Stefan Majewski dokona dzisiaj kilku rewolucyjnych zmian w kadrze. Wśród powołanych na mecze z Czechami i Słowacją zabraknie Artura Boruca, Michała Żewłakow i Jacka Krzynówka. Zdaniem "Gazety Wyborczej" do drużyny wróci Jerzy Dudek.
Już dziś Stefan Majewski ogłosi nazwiska 23 piłkarzy, którzy zagrają w dwóch ostatnich meczach eliminacji MŚ 2010. Według doniesień gazety, poza kadrą znalazło się kilku ulubieńców byłego selekcjonera, Leo Beenhakkera. Artur Boruc, Michał Żewłakow, Jacek Krzynówek, Wojciech Łobodziński i Marek Saganowski nie będą mieć szansy pokazania się w październikowych spotkaniach.
W zespole pojawią się pomijani przez holenderskiego szkoleniowca Sławomir Peszko i Arkadiusz Głowacki. Najbardziej może zaskakiwać nazwisko Jerzego Dudka, który od kilku sezonów pełni tylko rolę rezerwowego w madryckim Realu. W kadrze ma się również pojawić Wojciech Kowalewski. Zabraknie natomiast najlepszego spośród polskich bramkarzy - Artura Boruca.
Przypomnijmy, że polska reprezentacja ma już tylko iluzoryczne szanse na wyjście z grupy i zagranie w barażach o RPA 2010. Nasza drużyna 10 października podejmie Czechy, a cztery dni później lidera grupy 3 - Słowację.Według "Gazety Wyborczej", nowy selekcjoner reprezentacji Polski - Stefan Majewski dokona dzisiaj kilku rewolucyjnych zmian w kadrze. Wśród powołanych na mecze z Czechami i Słowacją zabraknie Artura Boruca, Michała Żewłakow i Jacka Krzynówka. Zdaniem "Gazety Wyborczej" do drużyny wróci Jerzy Dudek.
Już dziś Stefan Majewski ogłosi nazwiska 23 piłkarzy, którzy zagrają w dwóch ostatnich meczach eliminacji MŚ 2010. Według doniesień gazety, poza kadrą znalazło się kilku ulubieńców byłego selekcjonera, Leo Beenhakkera. Artur Boruc, Michał Żewłakow, Jacek Krzynówek, Wojciech Łobodziński i Marek Saganowski nie będą mieć szansy pokazania się w październikowych spotkaniach.
W zespole pojawią się pomijani przez holenderskiego szkoleniowca Sławomir Peszko i Arkadiusz Głowacki. Najbardziej może zaskakiwać nazwisko Jerzego Dudka, który od kilku sezonów pełni tylko rolę rezerwowego w madryckim Realu. W kadrze ma się również pojawić Wojciech Kowalewski. Zabraknie natomiast najlepszego spośród polskich bramkarzy - Artura Boruca.
Przypomnijmy, że polska reprezentacja ma już tylko iluzoryczne szanse na wyjście z grupy i zagranie w barażach o RPA 2010. Nasza drużyna 10 października podejmie Czechy, a cztery dni później lidera grupy 3 - Słowację. >Według "Gazety Wyborczej", nowy selekcjoner reprezentacji Polski - Stefan Majewski dokona dzisiaj kilku rewolucyjnych zmian w kadrze. Wśród powołanych na mecze z Czechami i Słowacją zabraknie Artura Boruca, Michała Żewłakow i Jacka Krzynówka. Zdaniem "Gazety Wyborczej" do drużyny wróci Jerzy Dudek.
Już dziś Stefan Majewski ogłosi nazwiska 23 piłkarzy, którzy zagrają w dwóch ostatnich meczach eliminacji MŚ 2010. Według doniesień gazety, poza kadrą znalazło się kilku ulubieńców byłego selekcjonera, Leo Beenhakkera. Artur Boruc, Michał Żewłakow, Jacek Krzynówek, Wojciech Łobodziński i Marek Saganowski nie będą mieć szansy pokazania się w październikowych spotkaniach.
W zespole pojawią się pomijani przez holenderskiego szkoleniowca Sławomir Peszko i Arkadiusz Głowacki. Najbardziej może zaskakiwać nazwisko Jerzego Dudka, który od kilku sezonów pełni tylko rolę rezerwowego w madryckim Realu. W kadrze ma się również pojawić Wojciech Kowalewski. Zabraknie natomiast najlepszego spośród polskich bramkarzy - Artura Boruca.
Przypomnijmy, że polska reprezentacja ma już tylko iluzoryczne szanse na wyjście z grupy i zagranie w barażach o RPA 2010. Nasza drużyna 10 października podejmie Czechy, a cztery dni później lidera grupy 3 - Słowację. Według "Gazety Wyborczej", nowy selekcjoner reprezentacji Polski - Stefan Majewski dokona dzisiaj kilku rewolucyjnych zmian w kadrze. Wśród powołanych na mecze z Czechami i Słowacją zabraknie Artura Boruca, Michała Żewłakow i Jacka Krzynówka. Zdaniem "Gazety Wyborczej" do drużyny wróci Jerzy Dudek.
Już dziś Stefan Majewski ogłosi nazwiska 23 piłkarzy, którzy zagrają w dwóch ostatnich meczach eliminacji MŚ 2010. Według doniesień gazety, poza kadrą znalazło się kilku ulubieńców byłego selekcjonera, Leo Beenhakkera. Artur Boruc, Michał Żewłakow, Jacek Krzynówek, Wojciech Łobodziński i Marek Saganowski nie będą mieć szansy pokazania się w październikowych spotkaniach.
W zespole pojawią się pomijani przez holenderskiego szkoleniowca Sławomir Peszko i Arkadiusz Głowacki. Najbardziej może zaskakiwać nazwisko Jerzego Dudka, który od kilku sezonów pełni tylko rolę rezerwowego w madryckim Realu. W kadrze ma się również pojawić Wojciech Kowalewski. Zabraknie natomiast najlepszego spośród polskich bramkarzy - Artura Boruca.
Przypomnijmy, że polska reprezentacja ma już tylko iluzoryczne szanse na wyjście z grupy i zagranie w barażach o RPA 2010. Nasza drużyna 10 października podejmie Czechy, a cztery dni później lidera grupy 3 - Słowację.Według "Gazety Wyborczej", nowy selekcjoner reprezentacji Polski - Stefan Majewski dokona dzisiaj kilku rewolucyjnych zmian w kadrze. Wśród powołanych na mecze z Czechami i Słowacją zabraknie Artura Boruca, Michała Żewłakow i Jacka Krzynówka. Zdaniem "Gazety Wyborczej" do drużyny wróci Jerzy Dudek.
Już dziś Stefan Majewski ogłosi nazwiska 23 piłkarzy, którzy zagrają w dwóch ostatnich meczach eliminacji MŚ 2010. Według doniesień gazety, poza kadrą znalazło się kilku ulubieńców byłego selekcjonera, Leo Beenhakkera. Artur Boruc, Michał Żewłakow, Jacek Krzynówek, Wojciech Łobodziński i Marek Saganowski nie będą mieć szansy pokazania się w październikowych spotkaniach.
W zespole pojawią się pomijani przez holenderskiego szkoleniowca Sławomir Peszko i Arkadiusz Głowacki. Najbardziej może zaskakiwać nazwisko Jerzego Dudka, który od kilku sezonów pełni tylko rolę rezerwowego w madryckim Realu. W kadrze ma się również pojawić Wojciech Kowalewski. Zabraknie natomiast najlepszego spośród polskich bramkarzy - Artura Boruca.
Przypomnijmy, że polska reprezentacja ma już tylko iluzoryczne szanse na wyjście z grupy i zagranie w barażach o RPA 2010. Nasza drużyna 10 października podejmie Czechy, a cztery dni później lidera grupy 3 - Słowację.</div>
</div>
</div>
<div id="footer">
<div class="rights">All rights reserved</div>
<div class="content"></div>
</div>
</body>
</html>
CSS:
Kod PHP:
/* reset marginesów oraz dopełnień */
html, body, ul, li {margin: 0; padding: 0;}
/* reset wysokości linii i fontu */
h1, h2, ul, li, p {margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}
/* ustawienia globalne */
body { font: 0.625em/1.5em tahoma, verdana, arial, sans-serif; margin: 0;}
/* szerokość strony */
.content {width: 700px; margin: 0 auto; }
/* header */
#header {
position: relative;
height: 102px;
border-bottom: 1px solid #fff;
background: url(../images/headertlo_01.jpg);
width: 100%;
}
#header h1 {
position: relative;
top: 6px;
left: -7%;
overflow: hidden;
}
#header h1 a {
display: block;
width: 244px;
height: 82px;
background: url(../images/logo.png) no-repeat;
text-indent: -666em;
}
#header ul { overflow: hidden; position: absolute; right:20%; bottom: -5px; list-style: none;}
#header ul li { float: left;}
#header ul li a { display: block; padding: 10px 12px 40px; color: #787878; font: 17px tahoma, verdana, arial, sans-serif; text-decoration: none;}
#header ul li a:hover { background: url(../images/light.png) bottom repeat-x; padding: 7px;}
/* main */
#slogan {
background: #131313 url(../images/tlo.jpg) repeat;
border-bottom: 1px #fff solid;
height: 900px;
}
#slogan .content {
width: 800px;
}
#footer {
background: url(../images/stopka.jpg) repeat-x;
}
#footer .content {
position: relative;
background: url(../images/design.jpg) top right no-repeat ;
height: 58px;
display: block;
padding-right: 16%;
}
#footer .rights {
position: absolute;
left: 18.5%;
padding: 22px 0px 0px;
color: #727272;
font: italic bold 15px tahoma, verdana, arial, sans-serif;
text-decoration: none;
display: block;
}
#galeria {
color: #FFFFFF;
position: relative;
overflow: hidden;
height:900px;
}
I oczywiście wszystko można podejrzeć pod wcześniej podanym linkiem.
Sprawdzałem działanie na kilku przeglądarkach i na każdej wszystko było oki, ale dla pewności chciałbym prosic cię LABSTA o przejrzenie kodu i wypisanie słabych punktów.