Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

Jak w stronie internetowej uzyskać div-a nad margin?

#1
Jak w stronie internetowej uzyskać div-a nad margin?
Jeden DIV ma być nad MARGIN, a kolejny pod. Do tego obok FOOTER nie ma być MARGIN. Czy coś takiego da się zrobić i jak?
 System operacyjny: windows_eight Przeglądarka: firefox
#2
RE: Jak w stronie internetowej uzyskać div-a nad margin?
narysuj mi to w paint, opisz i wklej tu, bo nie rozumiem co chcesz zrobićOczko
 System operacyjny: windows_seven Przeglądarka: firefox
#3
RE: Jak w stronie internetowej uzyskać div-a nad margin?
Tutaj jest mapa tego, co chcę osiągnąć :-) W załączniku.
   
 System operacyjny: windows_eight Przeglądarka: firefox
#4
RE: Jak w stronie internetowej uzyskać div-a nad margin?
Kod:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
<link href="css.css" rel="stylesheet" media="screen">
<title>aa</title>
</head>


<body>
<div class="top">
                       DIV
        </div>



<div class="cont">

<div class="left">
<div class="heder">heder</div>
<div class="main">MAIN</div>
</div>



<div class="aside">ASIDE

<section id="sekcja">SEKCJA</section>

</div>


</div>

<div class="footer">FOTER</footer>
</body>

</html>



plik css..

Kod:
html,body {
margin:0;
height: 100%;
}
.top{
width:100%;
border: 1px solid red;
margin-top:0px;
margin-bottom: 50px;
}

.cont{
width: 80%;
height: 86%;
margin: 0 auto;
border: 1px solid blue ;
}

.left{
width: 60%;
height: 100%;
float:left;
}

.aside{
border: 1px solid green;
width: 39%;
height: 100%;
float: right;
}

.footer{

width: 100%;
border: 1px solid aqua;
clear: both;
}

.heder{
width:100%;
border: 1px solid gray;
height: 19%;
}

.main{
border: 1px solid red;
height: 80%;
}

#sekcja{
margin: 0 auto;
border: 1px solid red;
width: 60%;
margin-top: 30%;
height: 70%;
}

Trochę to może chaotyczne i nie responsywne ale na szybko pisane....
 System operacyjny: windows_seven Przeglądarka: firefox
#5
RE: Jak w stronie internetowej uzyskać div-a nad margin?
Wypróbuję.

Dzięki. Działa.

I co teraz, gdy chcę pokolorować ten margin? Zależy mi :-)
 System operacyjny: windows_eight Przeglądarka: firefox
#6
RE: Jak w stronie internetowej uzyskać div-a nad margin?
w :

html,body {
margin:0;
height: 100%;
}

ustawiasz

background: #kolor; gdzie kolor oznacza 16 wartość danego koloru np #0066ff
 System operacyjny: windows_seven Przeglądarka: firefox
Programy: Polecane / Nowe / Inne




Podobne wątki (Jak w stronie internetowej uzyskać div-a nad margin?)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak pobrać filmy na dysk zamieszczone na tej stronie? adolek17 4 3842 06.02.2020, 14:36
Ostatni post: panaho
  Prośba o stworzenie strony internetowej. Matiexis 0 9452 08.01.2018, 19:59
Ostatni post: Matiexis
  Dynamiczne ustalanie wysokości div. DJ Zgon 2 1486 21.09.2017, 11:33
Ostatni post: pheto

Skocz do:


Wybrane wątki (Jak w stronie internetowej uzyskać div-a nad margin?)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Przekazywanie stanu sesji między plikami php dawswi1 2 3826 26.01.2020 16:35
Ostatni post: dawswi1
  Mixed content na protokole HTTPS Unlimited 1 5363 20.11.2019 14:05
Ostatni post: raxer
  Pozycjonowanie, toksyczne linki Alsenas 13 9794 19.11.2019 14:48
Ostatni post: Centor
Question Co sądzicie o edytorze Gutenberg w WordPress? radekhetero 2 7964 15.11.2019 15:55
Ostatni post: Alsenas
  Konfiguracja wampserver 2019. ~Anonim 3 5953 11.10.2019 05:26
Ostatni post: Michu_PL
  wyswietlanie pliku w php roxses 0 5738 07.10.2019 14:43
Ostatni post: roxses
  Content Management System thinkPL 6 5679 06.10.2019 22:08
Ostatni post: thinkPL
  PHP - przycisk wykonujący równanie SalyWan 1 5379 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 8467 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 7776 25.07.2019 09:56
Ostatni post: Spidi
  Upload pliku na serwer i do bazy danych mati514 3 8525 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 9451 13.04.2019 10:29
Ostatni post: wlisik
  Wywołanie diva funkcją SebastianF 3 9940 25.03.2019 10:55
Ostatni post: hydr4x
Scared front-end czy back-end gbr 7 15148 23.03.2019 16:56
Ostatni post: luciussulla
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 31843 17.02.2019 21:44
Ostatni post: SEMPIRE