Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]CSS - kilka elementow
Forum PHP.pl > Forum > Przedszkole
lupusek
Witam
Od kilku dni usiłuję zrobic stronę której układ jest oparty na blokach:

Niestety bez przerwy cos mi sie rozjezdza:(

Tutaj: http://www.malamuty.org/ryba/index2.html
wrzucialm moja stronke

a tutaj jest css : http://www.malamuty.org/ryba/style.css

Czy ktos jest w stanie mi pomoc.
Domyslam sie ze robie jakis podstawowy blad, ale dopiero raczkuje z css'ami i pojecia nie mam gdzie:)
wookieb
No bo jak to robisz jakimś generatorem to pewnie ze sie rozjezdza.
Złóz to poprawnie bez relativów (bo tak sie da).
Jak nie bedziesz wiedzial jak to http://kurs.browsehappy.pl
lupusek
No wlasnie nie robie generatorem.
Ale dopiero raczkuje - to moja pierwsza strona z css.
Jezeli dobrze rozumiem radzisz zeby zamiast

position:relative;


uzywac:

position: absolute;
questionmark.gif
wookieb
Zle wnioskujesz. Nie uzywac zadnego position i przeczytac tamten kurs.
Skie
Stwórz sobie jakiś "kontener" na stronę (może to być np. <div>), który wycentrujesz, nadasz szerokość itd. Potem stwarzaj w nim <div> na nagłówek, stopkę oraz "treść strony". W treści daj 3 divy, którym nadasz float na "left". Tak zazwyczaj to u mnie wygląda. Być może ciut skomplikowanie ale wygodnie smile.gif

W każdym razie by "ułożyć" stronkę tak jak chcesz wystarczy Ci zapoznać się dokładnie z:

- margin (aby wycentrować)
- float (aby poukładać obok siebie)
- clear
lupusek
Wlasnie tak robie:

boxy: lewy, glowna, prawa ustawiaja mi sie ladnie obok siebie.

Problem jest z naglówkiem i stopką.

Obrazek ktory ma byc w nagłówku - zniknął. A w tym miejscu jest wysweitlany obrazek ze stopki. Dodtakowo pomiędzy naglówkiem a częścią srodkową i częscią środkową a stopką pojawiła się pusta przestrzeń.

Wookieb: czytam, czytam:)

Skie
...poza tym w div id="top" i div id="bottom" pomyliłeś chyba height z width - zobacz jakie tam dane podałeś...
lupusek
faktycznie, dzięki.
(Małe sprostowanie: nie pomyliłeś tylko pomyliłwinksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.