Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> automatyczna szerokość diva
cedunio
post
Post #1





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 9.02.2008

Ostrzeżenie: (0%)
-----

Podejrzewam, że już gdzieś taki post był już ale go nie mogę jakoś go znaleźć. Czy da się ustawić automatyczną szerokość diva.
Mam 2 divy w divie. Ten większy div jest na całą stronę natomiast w jednym z divów wyświetlane jest logo a w tym drugim chce wyświetlić coś innego na pozostałą część strony.
Wiecie może jak ot rozwiązać?
Pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
JoShiMa
post
Post #2





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

Ostrzeżenie: (0%)
-----

To podawaj szerokość w procentach.


--------------------
Zajrzyj, poczytaj, naucz się
Go to the top of the page
+Quote Post
nevt
post
Post #3





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

Ostrzeżenie: (0%)
-----

np. tak:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4. <head>
  5. <style type="text/css">
  6. div { margin: 0px; }
  7. div#box { float: left; width: 100%; background-color: red; }
  8. div#logo { float: left; width: 100px; height: 100px; background-color: green; }
  9. div#bar { margin: 0px auto 0px 100px; background-color: blue; } 
  10. </style>
  11. </head>
  12. <body>
  13. <div id="box"><div id="logo">LOGO</div><div id="bar">RESZTA STRONY</div></div>
  14. </body>
  15. </html>
[HTML] pobierz, plaintext

powodzenia!


--------------------

- Oh no, my young coder. You will find that it is you who are mistaken, about a great many things... -
Go to the top of the page
+Quote Post
cedunio
post
Post #4





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 9.02.2008

Ostrzeżenie: (0%)
-----

nie do końca chodziło mi o to:/
kod strony:
Kod
   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
    <head>
    <title>TEST XHTML ^ DIV</title>
    <link rel="stylesheet" type="text/css" href="test.css" />
    </head>
    <body>
    <div id="center">
    <div id="top">
    top
    </div>
    <div id="logo"><div id="logos"><img src="../images/citybuilding1_01.png" width="225" height="205" /><img src="../images/citybuilding1_02.png" width="331" height="205" /><img src="../images/citybuilding1_03.png" width="408" height="205" /></div>
    <div id="pasek"></div>
    </div>
    <div id="menu">
    <div id="menutekst"><a href="1.html" onclick="getAXAH('1.html','cos');getAXAH('2.html','cosi');return false;">link1</a><a href="2.html" onclick="getAXAH('2.html','cos');getAXAH('3.html','cosi');return false;">link2</a></div>
    </div>
    <div id="cos">
    tresc lewego DIVa</div>
    <div id="cosi">
    tresc prawego DIVa</div>
    <br style="clear: both" />
    </div>
    </body>
    </html>

i jeszcze css
Kod
   body{
    margin: 0;
    padding: 0;
    font-family:Verdana, arial, Helvetica, sans-serif;
    font-size:11px;
    text-align: center;
    }
    #center{
    border: 1px solid gray;
    margin: 0 auto;
    width: 99%;
    border-width:1px;
    text-align: left;
    }
    #top{
    text-align:right;
    height:17px;
    border: none;
    border-bottom: 1px solid gray;
    padding:2px;
    }
    #logo{
    height:205px;
    padding:2px;
    }
    #menu{
    height:17px;
    padding:2px;
    border: none;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    }
    #cos{
    background-color:#0033CC;
    width: 300px;
    float:left;
    padding:2px;
    }
    #cosi{
    background-color:#CC3366;
    width: 492px;
    float:left;
    padding: 2px;
    }
    #menutekst{
    display:inline;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    }
    #pasek{
    display:inline;
    max-width:100%;
    background-color:#FF0000;
    }
    #logos{
    display:inline;
    width: 858px;
    }

div logos i pasek maja być w jednej lini w divie logo.
Div pasek ma się rozciągać na pozostałą część ekranu.
Myślę, że da się to zrobić snitch.gif snitch.gif
Pomocy Panowie i Panie snitch.gif

Rozwiązałem mój problem w trochę inny sposób, lecz jeśli Ktoś ma pomysł jak to rozwiązać to nich wrzuci będzie dla potomnych snitch.gif

Ten post edytował cedunio 9.09.2008, 17:40:31
Go to the top of the page
+Quote Post
nevt
post
Post #5





Grupa: Przyjaciele php.pl
Postów: 1 595
Pomógł: 282
Dołączył: 24.09.2007
Skąd: Reda, Pomorskie.

Ostrzeżenie: (0%)
-----

ale mój kod robi dokładnie to czego oczekujesz. napisz co ci się w nim nie podoba, bo teraz nie rozumiem co chcesz osiągnąć. piszesz, że on nie działa, a on wyświetla dokładnie to, co wynika z twojego opisu...

questionmark.gifquestionmark.gifquestionmark.gif


--------------------

- Oh no, my young coder. You will find that it is you who are mistaken, about a great many things... -
Go to the top of the page
+Quote Post
cedunio
post
Post #6





Grupa: Zarejestrowani
Postów: 105
Pomógł: 0
Dołączył: 9.02.2008

Ostrzeżenie: (0%)
-----

w szerokim skrucie chodzi o to aby div pasek rozszerzał się na pozostałą część diva logo.
To wszystko.
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 19.08.2025 - 18:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn