ďťż

[css]Ustawienie wielkości div-ów

       

Podstrony


telcocafe

Witam
Napisałem sobie styl css i nie chciało Mi się męczyć z ręcznym ustawianiem wielkości (szerokość, wysokość itp) to postanowiłem w Dreamweaverze MX 2004 w trybie graficznym to zrobić. Większość poszła ładnie ale tam gdzie chce wstawić treść strony nie chce się powiększać (w dół) :huh:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Strona</title> <STYLE TYPE="text/css"> <!-- BODY { background-color:#99ccff; background-image:url(http://www.adres.pl/1.png); color: #474651; } .logo { position:absolute; visibility: visible; top: 9px; left: 88px; width: 560px; height: 118px; } .menu { position:absolute; visibility: visible; top: 136px; left: 87px; width: 562px; height: 22px; } .tresc { background-color:#99CCFF; position:absolute; visibility: visible; top: 174px; left: 86px; width: 562px; background-color:orange; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; text-align: justify; { A { font-family: Verdana, Tahoma, sans-serif; font-size: 11px; color: #676675; text-decoration: underline; } A:hover { color: #CC0000; font-weight: bold; text-decoration: underline; } --> ;  height: 34px; height: 391px; height: 98px; height: 60px; height: 67px; height: 54px; height: 56px; height: 12px; </STYLE> </head> <body> <div class="logo">tutaj ma byc logo</div> <div class="menu">tutaj ma byc menu gorne</div> <div class="tresc">tutaj natomiast tresc strony</div> </body> </html>
tutaj strona:
http://adam9870.ovh....ly/css_divy.htm
i jak sami widzicie mam ustawione 99ccff ale i tak jest jakiś pomarańczowy kolor :)
Gdyby ktoś mógł to bym prosił o poprawienie kodu albo chcociaż napisanie jak to zrobić :)



Ech...
--> ;  height: 34px; height: 391px; height: 98px; height: 60px; height: 67px; height: 54px; height: 56px; height: 12px;
Co to jest?

BTW:
.tresc {
background-color:#99CCFF;
position:absolute;
visibility: visible;
top: 174px;
left: 86px;
width: 562px;
background-color:orange;

Dziwisz się, że masz pomarańczowe tło? :blink:

wpisz więcej tekstu to się powiekszy ;)

Racja Coldpeer. :) Niezauważyłem.

Ale i tak nie chce się rozciągać a inne chciały się rozciągać w dreamweaverze :P



Mój problem jest nadal aktualny i ciąle czekam na odpowiedź...

1. Przecież się rozszerza :>:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Strona</title> <STYLE TYPE="text/css"> <!-- BODY { background-color:#99ccff; background-image:url(http://www.adres.pl/1.png); color: #474651; } .logo { position:absolute; visibility: visible; top: 9px; left: 88px; width: 560px; height: 118px; border: solid 1px #000; } .menu { position:absolute; visibility: visible; top: 136px; left: 87px; width: 562px; height: 22px; border: solid 1px #000; } .tresc { background-color:#99CCFF; position:absolute; visibility: visible; top: 174px; left: 86px; width: 562px; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; text-align: justify; border: solid 1px #000; { A { font-family: Verdana, Tahoma, sans-serif; font-size: 11px; color: #676675; text-decoration: underline; } A:hover { color: #CC0000; font-weight: bold; text-decoration: underline; } --> </STYLE> </head> <body> <div class="logo">tutaj ma byc logo</div> <div class="menu">tutaj ma byc menu gorne</div> <div class="tresc">tutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc stronytutaj natomiast tresc strony</div> </body> </html>
2. jak dla mnie korzystanie z position jest takie sztywne. Sam korzystam z float ( nie do wszytkiego, ale główny szkilet tak )
Użytkownik reVis edytował ten post 18 kwiecień 2006, 13:27
Dzięki reVis :)
1. Tylko czy można by było zrobić aby nie było obramowania (może tak zrobie bo wtedy może być bardziej przejzyściej). ??
2. Cchciałbym dodać stopkę tylko coś Mi nie wychodzi :( Może ktoś mógłby podać styl (klase) do tego to bym wstawił :D
3. Czy pole treść (rozmiar jego) zależy od tego ile tekstu w nim wstawie ? A jeżeli tak to niedałoby się zrobić aby nie zależało to od ilości tekstu. Tzn będzie określona a jak wstawiony tekst nie będzie się w nim mieścić się powiększy aby się zmieścił :rolleyes:
4. To Mi się wydaje zbędne
background-image:url(http://www.adres.pl/1.png);
czy mogę to usunąć i będzie wszystko ok ?
Z góry wielkie dzięki za odpowiedź :)

edit:
5. W jakiej rozdzielczości (wielkości) najleiej zrobić logo na strone (chce je wstawić do tego div-a co ma klase logo)
Użytkownik adam9870 edytował ten post 18 kwiecień 2006, 13:59
Przy takiej budowie strony stopkę musisz wstawić pod tekst w treści. Albo wysztko wrzucić w jednego wielkiego diva i stopkę jako ostatni jeggo element zawierający.
Co do obramowania... :mellow: usuńborder: solid 1px #000;Z styli.

A mógłby ktoś dać kod stopki :) Ja raczej chciałbym ją mieć na dole strony (osobny div - tak próbowałem ale nie wyszło) tzn. pod wszystkim.


A mógłby ktoś dać kod stopki :) Ja raczej chciałbym ją mieć na dole strony (osobny div - tak próbowałem ale nie wyszło) tzn. pod wszystkim.

Wielkie dzięki :>
Wiem, że najlepiej używać zewętrznych arkuszów styli i tak potem zrobie :)
Jeszcze raz dzięki.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.