[CSS] Dwa elementy po 100% szerokości w poziomie Opcje

[d.stp]

Mam kolejny problem, próbuję osiągnąć takie coś:



Problem jest w tym, że jak dam tak jak na obrazku to wtedy te drugie okienko w tym dużym ucieka pod te pierwsze...

Te dwa okienka w tym dużym to inputy:

[HTML] pobierz, plaintext 
.enter {
		width: 100%;
		position: absolute;
		bottom: 0;
		background: #eee;
		padding: 5px 0px 5px 0px;
	}
 
		form {
			margin: 0;
			padding: 0;
		}
 
		input[type="text"] {
			background: #f9f9f9;
			width: 80%;
			border-radius: 0;
			border: 0;
			padding: 0;
			margin: 0;
		}
 
		input[type="submit"] {
			background: #2ecc71;
			border: 0;
			width: 20%;
			border-radius: 0;
			color: #fff;
			cursor: pointer;
			padding: 0;
			margin: 0;
		}
[HTML] pobierz, plaintext 

Jak to się robi, żeby te okienka zawsze miały ustaloną szerokość?

[kafowi]

Zmniejsz szerokość submita do 19% i powinno być koło siebie.

[d.stp]

wtedy jest, ale jak pomniejszam stronę to i tak ucieka w dół

[kafowi]

Ustal jakąś stałą szerokość dla .entry
Nie wiem w jakim celu powiększasz stronę.

[trueblue]

Ustaw style display:inline-block dla <input> (nie może być białego znaku między nimi), albo display:block i float:left.

[Korybut]

"float: left;" dla form.

Ten post edytował Korybut 12.05.2015, 11:52:47