tag semantik html5

mastah ini kok hsilnya background header nya gk selebar elemen lainna ya

<body>
<header>
<h1 class="heaederh2">ini header bagian atas website </h1>
<img class="heaederh1" src="alpha3.png">
</header>
<nav class="h1">
	<ul>
		<li>satu</li>
		<li>dua</li>
		<li>dua</li>
		<li>dua
			<ul>
				<li>dua satu</li>
				<li>dua dua</li>
				<li>dua tiga</li>
			</ul></li>
		<li>dua</li>
		<li>dua</li>
		<li>dua</li>
	</ul>
</nav>
header{	background-color: #FF8C00;
		width: 80%;
		min-height: 1px;
		max-height: 100px;
		}
.heaederh1{ float: right; }
.heaederh2{ float: left; }
.h1{ clear: both; }
avatar miswanto1509
@miswanto1509

62 Kontribusi 15 Poin

Diperbarui 7 tahun yang lalu

4 Jawaban:

Jawaban Terpilih

karena lebarnya 80%?

avatar hilmanski
@hilmanski

2672 Kontribusi 2132 Poin

Dipost 7 tahun yang lalu

maaf mas hilman. maksud saya tingginya .. saya menggunakan min-height dan max-height d css nya. sya sudah menaruh h1 dan img di header. tapi kok background header nya mengambil yang min-height ya ( 1px )..

avatar miswanto1509
@miswanto1509

62 Kontribusi 15 Poin

Dipost 7 tahun yang lalu

sepertinya karena efek floatnya, coba clean efek floatnya, salah satu carnaya tambahkan satu element di bagian akhir, tapi masih di dalam header

//html
<header>
   <h1 class="heaederh2">ini header bagian atas website </h1>
  <img class="heaederh1" src="alpha3.png">
   <div class="clear">
</header>

//css
.clear {  clear:both; }

avatar hilmanski
@hilmanski

2672 Kontribusi 2132 Poin

Dipost 7 tahun yang lalu

sip mas hilman..terima kasih.. sangat membantu

avatar miswanto1509
@miswanto1509

62 Kontribusi 15 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban