ugrás a tartalomhoz

Bongeszo meretenek valtozasat koveto oldalstruktura (CSS)

carstephun · 2005. Júl. 14. (Cs), 11.07
Udv Mindenkinek,

olyan megoldast keresek, ahol az oldal meretenek megfeleloen valtozik egy tablazat, vagy div?

Ami adott egy 160px szeles menusor a baloldalt egy fejlec a tetejen (55px magas).

Ti hogy oldanatok meg? (heigth 100% ,width 100% nem mukodid kiveve, ha megadod a body-nak is width, heigth 100%-ot)

mintaoldal, ami elkeszult az a athomebudapest.hu/teszt

Udv
Sanyi
‹ HTMLElement eseménykezelő prototype Statikus szoveg simitas + scroll ›
 ■
1

Kérdés nem érthető

Poetro · 2005. Júl. 14. (Cs), 11.24
Előbb gondold át, mit akarsz kérdezni, aztán jól fogalmazd meg, mert így elsőre nem érthető mit is akarsz pontosan.
Amit kihámoztam:
Van egy div-ed egy ablakban. Ennek be akarod állítani a szélességét az ablak szélességéhez képes:
div {
width: 50%;
}
Így pont 50%a lesz az ablak szélességének.
Vagy:
ha azt akarod, hogy bal oldalt legyen 170 pixel hely, jobb oldalon meg mondjuk 10pixel:
div {
margin-left: 170px;
margin-right: 10px;
}
és készen is vagyunk. Ha valamit félreértettem, akkor csak szólj. Mondjuk a menüdet meg float: left;
--------
Poetro
2

bocsanat

carstephun · 2005. Júl. 14. (Cs), 11.53
bocsanat, ha nem fogalmaztam volna erthetoen az elozo levelemben.
van egy weboldal (athomebudapest.hu/teszt/), amelynek bal oldalan van egy fix szelessegu menusor (kb 170px) es egy fejlec (align: top, height 55px), a fennmarado resz (jelen esetben jobb lefele) pedig a bongeszo meretezesevel aranyosan valtoztatja meretet. A fejlec is automatikusan meretezodik, hisz fixen top-ra van allitva.

A kerdes ezt hogyan lehet megoldani CSS-sel?

Udv
Sanyi

Ui: probald meg meretezni a tesztoldalon a bongeszo ablakat es meglatod mire gondoltam, tehat elvileg meg van oldva, de nagyon ugral Firefox alatt, ezert gondoltam, hogy altalanossagban hogyan oldana meg ezt valaki mas
4

Megoldás

Anonymous · 2005. Júl. 14. (Cs), 22.13
Üdv!

Én így csinálnám meg:

<div id="container">
 <div id="header">
  Ide amit fejlécnek akarsz
 </div>
 <div id="main">
  <div id="menu">
   Ide jön a menü
  </div>
  <div id="content">
   Ide jön a tartalom
  </div>
 </div>
 <div id="footer">
  Ha akarsz, ide jöhet még egy lábléc
 </div>
</div>


A CSS hozzá:

#header
{
 height:55px; //Például
 background-color:#000080;
}

#menu
{
 float:left;
 background-color:#0000A0;
 width:170px; //Vagy amennyit akarsz
}

#content
{
 border-left:170px solid #0000A0; //Mint a menü szélessége és háttérszíne
 padding-left:3px;
}

#footer
{
 background-color:#000080;
 height:32px;
}


További tippjeim:

  • A keretet <fieldset><label>Speciális keresés</label></fieldset>-el csináld meg, az tisztább HTML szempontból.
  • Ne használj képet szöveg helyett, föleg ott nem, ahol nem szükséges. Pl. az "In english" feliratot simán lehetne szöveggel.
  • Nézd meg a www.webaim.org oldalt, ott sok hasznos tippet találsz. (Pl. jó lenne, ha használnál label tageket, meg ilyenek.)


ProClub
proclub##kukac##karinthy.hu
3

Minimális és maximálsi méret

Gáldi Ákos · 2005. Júl. 14. (Cs), 13.03
Nem tudom talán elegáns lenne, ha egy bizonyos oldalszélességen belül már nem lehetne csökkenteni a tartalmat. Erre szolgál a a css: min-width tulajdonság. Persze IE nincs barátságban vele, de vannak technikák amikkel emulálni lehet. Sajnos linkel most nem tudok szolgálni.

Üdv!