X
ďťż

[CSS/DIV] Elementy obok siebie. A nie jeden pod drugim.

       

Podstrony


telcocafe

Hejka.
Mam taki kod.
HTML/PHP:
<?php echo ' <html>    <head>      <title>'.$SiteTitle.'</title>      <link href="style.css" rel="stylesheet" type="text/css">   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">    </head> <body> <div id="glowny">  <div id="Logo"><h1>LOGO</h1></div>           <div id="MenuGorne"><h1>MENU1</h1></div>    <div id="MenuLewe"><h1>MENU2</h1></div>    <div id="MenuPrawe"><h1>MENU3</h1></div> </div> </body> </html>'; ?>
CSS:
body { text-align:center; margin:0; padding:0; background-color:#006699; } div#glowny { text-align:left; width:780px; margin: 0 auto; padding:0; background: #FFF url('tlo.png') repeat-y; } div#Logo { height:80px; width:100%; background-color:#F90; margin-bottom:0; margin-top:20; padding-top:0; } div#Logo h1 { font:italic 150%/80px Verdana, Arial, sans-serif; color:#FFF; margin:0 40px; } div#MenuGorne { height:80px; width:100%; background-color:#99CC33; float:none; margin-top:0; } div#MenuGorne h1 { font:italic 150%/80px Verdana, Arial, sans-serif; color:#FFF; margin:0 40px; } div#MenuLewe  { height:500px; width:20%; background-color:#0066FF; float:none; margin-top:0; margin-left:0; } div#MenuLewe h1 { font:italic 150%/80px Verdana, Arial, sans-serif; color:#FFF; margin:0 40px; } div#MenuPrawe { height:500px; width:20%; background-color:#990066; margin-left:100; margin-top:0; } div#MenuPrawe h1 { font:italic 150%/80px Verdana, Arial, sans-serif; color:#FFF; margin:0 40px; }
Obecnie MenuPrawe znajduje się pod lewym a według zamieżenia ma się znajdować
po prawej stronie strony czyli w sumie obok Menu lewego

czyli ma być:
Logo MenuGorne MenuLewe|MenuPrawe
a nie:
Logo MenuGorne MenuLewe MenuPrawe
Użytkownik orglee edytował ten post 21 grudzień 2005, 19:34


Hmm... Z pamięci: dla menuLewe: left: 10, dla menuPrawe: left: 30 :) Myslę, że wiesz o co mi chodzi?
Użytkownik virus_jc edytował ten post 21 grudzień 2005, 19:42
no niby tak
ale menu prate ma byc jak najblizej prawej strony :)
MenuLewe maring-left: 0px;
MenuPrawe maring-right: 0px;
ale nie dziala tka :(
pozatym o ile misie dobze wydaje wlascwiwosci
left,right,top,bottom
mozna uzywac tylko jesli wczesniej zastosuje sie atrybut position a tego chce unikac
bo jak kiedys to zrobilem to zaczela mi sie strona rozsypywac
Użytkownik orglee edytował ten post 21 grudzień 2005, 19:51
dobra juz wiem wystarczy uzyc znacznika float: right , left;
chyba dobrze mysle co ?




chyba dobrze mysle co ?

niby dobrze :D
IE mi dobrze interpretuje ten kod zgodnie z oczekiwaniami,(niesamowite)
ale FF :(
tragedia powmiedzy MenuLewe MenuPrawe
powinien byc pasek w kolorze kawowym
a jego tam nie ma :(
poprawiony kod:
div#MenuLewe  { height:500px; width:20%; background-color:#0066FF; margin-top:0; float:left; } div#MenuPrawe { height:500px; width:20%; background-color:#0066FF; margin-top:0; float:right; }
aha na goze dodalem jeszcze:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Użytkownik orglee edytował ten post 21 grudzień 2005, 20:04

niby dobrze  :D
IE mi dobrze interpretuje ten kod zgodnie  z oczekiwaniami,(niesamowite)
ale FF :(
tragedia powmiedzy MenuLewe MenuPrawe
powinien byc pasek w kolorze kawowym
a jego tam nie ma :(
poprawiony kod:
div#MenuLewe  { height:500px; width:20%; background-color:#0066FF; margin-top:0; float:left; } div#MenuPrawe { height:500px; width:20%; background-color:#0066FF; margin-top:0; float:right; }
aha na goze dodalem jeszcze:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

miło mi też się ciesze że nie zapomniałem o doctajpie ;)
ale problem nadal pozostaje
zrobiłem screeny i pokazuje o co chodzi:
FrajerFox <- tylko żartuje bardzo lubie ten program
http://orglee.strona.pl/FFStrona.jpg
IE <- niesamowite ten syf cos dobrze odczytal
http://orglee.strona.pl/IEStrona.jpg

nie chce mi się czytać ;) use display:inline;

hurra ;)
powiedz mi jeszcze do ktorego elemntu ja powinienem to zastosowac :P
bo jak to robie do DIV'a glownego to mi sie rozlali wszystko
(zlota mysl: hmm a moze stworze jeszcze jedna warstwe i ja walne midzy te 2 :])

Do menu lewego i prawego jak się domyślam ;)

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

  • Sitedesign by AltusUmbrae.

    Drogi uzytkowniku!

    W trosce o komfort korzystania z naszego serwisu chcemy dostarczac Ci coraz lepsze uslugi. By moc to robic prosimy, abys wyrazil zgode na dopasowanie tresci marketingowych do Twoich zachowan w serwisie. Zgoda ta pozwoli nam czesciowo finansowac rozwoj swiadczonych uslug.

    Pamietaj, ze dbamy o Twoja prywatnosc. Nie zwiekszamy zakresu naszych uprawnien bez Twojej zgody. Zadbamy rowniez o bezpieczenstwo Twoich danych. Wyrazona zgode mozesz cofnac w kazdej chwili.

     Tak, zgadzam sie na nadanie mi "cookie" i korzystanie z danych przez Administratora Serwisu i jego partnerow w celu dopasowania tresci do moich potrzeb. Przeczytalem(am) Polityke prywatnosci. Rozumiem ja i akceptuje.

     Tak, zgadzam sie na przetwarzanie moich danych osobowych przez Administratora Serwisu i jego partnerow w celu personalizowania wyswietlanych mi reklam i dostosowania do mnie prezentowanych tresci marketingowych. Przeczytalem(am) Polityke prywatnosci. Rozumiem ja i akceptuje.

    Wyrazenie powyzszych zgod jest dobrowolne i mozesz je w dowolnym momencie wycofac poprzez opcje: "Twoje zgody", dostepnej w prawym, dolnym rogu strony lub poprzez usuniecie "cookies" w swojej przegladarce dla powyzej strony, z tym, ze wycofanie zgody nie bedzie mialo wplywu na zgodnosc z prawem przetwarzania na podstawie zgody, przed jej wycofaniem.