kitin utworzono 24 kwietnia 2011 utworzono 24 kwietnia 2011 Witam, mam pewien problem. Chcę aby div (w CSS mam: #content) dopasował mi się na całą stronkę internetową (załączam obrazek, który Wam może pomóc; jest na nim opisane co chcę zrobić). Proszę o szybkie odpowiedzi [code]http://img218.imageshack.us/f/htmlproblem.jpg/[/code] PS. Proszę nie patrzeć na wygląd strony Jeśli rozwiążę ten problem poprawie estetykę
rokko komentarz 24 kwietnia 2011 komentarz 24 kwietnia 2011 Do diva przypisz w stylach height np. <div style="height:1000px"></div> lub <div class="nazwaklasy"></div> i zawrzeć deklarację w pliku styles.css. Jak preferujesz automatyczne dopasowanie zamiast stałego użyj % np. <div style="height:100%"></div>. A jak to ostatecznie będzie wyglądać nie pytaj, dasz kod to coś więcej będę mógł powiedzieć.
kitin komentarz 25 kwietnia 2011 Autor komentarz 25 kwietnia 2011 (edytowane) Mam coś takiego w CSS: [code] #content { margin:0 auto; width:930px; background-color:grey; border-left:2px solid white; border-right:2px solid white; } [/code] W HTML mam: <div id="content"> [i]Przykładowa treść[/i] </div>. Ogólnie rzecz biorąc chcę zrobić tak, aby na mojej stronie były takie "luki" po jej bokach: treść strony po środku, a po bokach puste miejsca z jakimś tłem. Zrobiłem już tak (pokazałem na tym screenie: http://img218.imageshack.us/f/htmlproblem.jpg/ ). Chcę teraz, aby ten szary kolor automatycznie dostosował się do końca strony, ponieważ jak mam stronę "Moja twórczość" (lub inne na których jest mniej tekstu) wygląda to następująco: http://img36.imageshack.us/img36/3427/problemhtmlcss.jpg . rokko próbowałem dodać do html to: <div style="height:1000px"></div> lub to <div class="nazwaklasy"></div> lecz nie działa. Proszę cię o pomoc, bo widzę, że masz fajną stronkę i znasz się raczej na HTML'u Pozdrawiam.
rokko komentarz 25 kwietnia 2011 komentarz 25 kwietnia 2011 [quote]rokko próbowałem dodać do html to: <div style="height:1000px"></div> lub to <div class="nazwaklasy"></div> lecz nie działa[/quote] To był tylko przykład, luźna propozycja Wszystko zależy od konkretnej sytuacji dlatego prosiłem o kod. Ja bym to zrobił inaczej, #content to Twój kontener na treść, przypisać stałe width jak zrobiłeś + margin:0 auto aby wyśrodkować położenie bloku. Następnie dodać w kontenerze bloki div na menu, właściwą treść oraz stopkę. Każdemu przypisać wartość float. Najlepiej daj cały kod strony lub pobierz sobie jakąś dowolną templatkę, tam będziesz miał czarno na białym jak wygląda schemat.
kitin komentarz 25 kwietnia 2011 Autor komentarz 25 kwietnia 2011 (edytowane) Ok, dam ci najlepiej kod całej strony a raczej jednej mojej PODSTRONY "O mnie" (jak poprawisz kod to zrobię to samo z innymi podstronami) i arkusz CSS. [b]CSS[/b] [spoiler] [code]body { margin:0px; padding:0px; background-image:url("tlo1.jpeg"); font-family:Calibri; } #top { border-bottom:2px solid white; height:200px; background-color:#fab921; } #top .logo { float:left; margin-top:50px; margin-left:40px; } #top .slogan { float:right; font-family:book antiqua; font-size:25px; color:white; margin-top:80px; margin-right:10px; } #menu { position:absolute; top:200px; left:190px; } #menu ul { list-style:none; margin-left:2px; padding-left:2px; } #menu li { margin-top:1px; font-family:book antiqua; font-size:22px; } #menu a:link { text-decoration:none; color:#ffffff; } #menu a:hover { color:#fb8e2d; text-decoration:underline; } #menu a:visited { color:black; text-decoration:none; } #tresc { text-align:justify; margin-left:200px; margin-right:200px; font-size:17px; } #stopka { position:fixed; height:18px; bottom:0; margin-right:10px; } #stopka p { float:left; color:white; font-family:times new roman; font-size:8px; } h2 { font-family:bell mt; font-size:30px; } #content { margin:0 auto; height:100%; width:930px; background-color:grey; border-left:2px solid white; border-right:2px solid white; border-bottom:2px solid white; }[/code] [/spoiler] [b]Kod podstrony[/b] [spoiler][code] <?xml version="1.0" encoding="iso-8859-2"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" /> <meta name="Description" content="KiTiN Official Website" /> <meta name="Keywords" content="kitincops kitin warrock xbox 360" /> <meta name="Author" content="Michał Szeliga" /> <meta name="Generator" content="kED" /> <title>KiTiN Official Website</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="content"> <div id="top"> <a href="index.html"><img class="logo" src="obrazgora.gif" alt="kitin logo" border="none"></a> <span class="slogan"><strong>KiTiN - Official Website</strong></span><br /> </div> <div id="menu"> <ul> <li><a href="index.html"><b>Strona główna</b></a></li><br /> <li><a href="o mnie.html"><b>O mnie</b></a></li><br /> <li><a href="xbox.html"><b>Xbox</b></a></li><br /> <li><a href="kontakt.html"><b>Kontakt</b></a></a></li><br /> </ul> </div> <div id="tresc"> <br /><br /><h2><center>O mnie</center></h2> <p> Mam na imię Michał, mam 16 lat. Pochodzę z dolnego śląska. Interesują mnie głównie komputery, gry komputerowe, konsole, ale także telefonia komórkowa i motoryzacja. W przyszłości chciałbym zostać informatykiem.</p> <p> Jeśli chodzi o gry komputerowe to preferuję FPS'y, a tym bardziej zawarty w nich tryb multiplayer. Do moich ulubionych tytułów można zaliczyć serię Call of Duty oraz Battlefield.</p><br /> <center><img src="ub1.gif"></center> </div> </div> <div> <div id="stopka"><p>Wszystkie prawa zastrzeżone - KiTiN 2011 ©</p></div> </div> </body> </html>[/code] [/spoiler] PS. HTML'a zacząłem się niedawno uczyć (samemu), także jeszcze zbytnio nie ogarniam
djoaza komentarz 25 kwietnia 2011 komentarz 25 kwietnia 2011 Dla tego szarego tłą musisz zrobić powtarzanie y najlepiej jak wrzócisz stronę na serwer
kitin komentarz 26 kwietnia 2011 Autor komentarz 26 kwietnia 2011 djoaza próbowałem powtarzać to szare tło, ale nic z tego. Najprawdopodobniej mam jakiś błąd w kodzie, dlatego czekam aż ktoś pomoże mi go poprawić.
djoaza komentarz 26 kwietnia 2011 komentarz 26 kwietnia 2011 A nie możesz wrzucić stronę na serwer jakiś wtedy mi się lepiej to ogląda
Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!
Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.