• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

co zrobić aby DIV się nie odsuwał?

Object Storage Arubacloud
+1 głos
276 wizyt
pytanie zadane 14 lipca 2015 w HTML i CSS przez pawwia Początkujący (280 p.)

Witam. Mam pewien problem. Męczę się z tym już zbyt długo.

 

 
   <section class="all">
   <div class="add1"></div>
   <div class="text">
  <div class="menuser"><div class="menuserl"></div><div class="menuserl"></div></div>
   <div class="menuser"><div class="menuserl"></div><div class="menuserl"></div></div>
 </div>
   <div class="add2"></div>
   </section>
.all{width:1226px; height:2000px;background:#EAFAE2
.add1{ background:white; float: left; margin:0;height:100%; width:133px}
.add2{background:white; float: right; margin:0;height:100%; width:132px;}
.menuser {width:959px; float:left; background:white; height:200px;margin top:100px;margin-left:0;margin-top:10px;padding:0}
.menuserl {height:200px; width:460px; border: 8px #33ff00 solid;background: #A52A2A;float:left;}
text {width:960; margin: 0auto;float:left; }

Otóż mam sekcje all w której siedzą trzy DIVy add1(strona lewa), text(środek- główna zawartość strony) i add3(prawe reklamy) Problem polega na tym, że kiedy wstawiam do DIVa text kolejnego diva (czyt. menuser) jest wszystko ok, lecz kiedy chcę dodać coś niżej add2 odsuwa się w dół. Próbowałem już wszystkiego (dlatego kod jest troche ubogi już) Jak to rozwiązać?

1 odpowiedź

+2 głosów
odpowiedź 14 lipca 2015 przez pawwia Początkujący (280 p.)
 
Najlepsza
Ok. zrobiłem xD Przeniosłem add2 nad diva text, wyrzuciłem divy menuser (zostały same menuserl) i zmieniłem manuserl na span (chociaż nie wiem co to dało)
komentarz 14 lipca 2015 przez Buby Pasjonat (19,590 p.)

W sumie sprytne - załóż temat i daj sobie najlepszą odpowiedź devil

Ale ważne, że się udało yes

komentarz 15 lipca 2015 przez pawwia Początkujący (280 p.)
Myślałem, że ktoś pomoże :D

Podobne pytania

0 głosów
1 odpowiedź 415 wizyt
pytanie zadane 26 lipca 2019 w HTML i CSS przez Radek Koniarski Użytkownik (870 p.)
0 głosów
3 odpowiedzi 386 wizyt
0 głosów
3 odpowiedzi 168 wizyt

92,624 zapytań

141,482 odpowiedzi

319,822 komentarzy

62,005 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...