Komisches Verhalten bei col/row

choetzu · 08 März 2018, 22:08:53

Hallo,

hmm, ich komm nicht weiter und kann beim besten Willen nicht nachvollziehen, warum.
Wenn ich folgenden code verwende, dann wird die section mit col/row höher gemacht, als bei den anderen sections. Siehe Bild bei "Garagentor". Das sieht scheisse aus.

Code Auswählen

<!DOCTYPE html>
<html>
<head>
	<!-- FHEM Tablet UI V2.6 -->
	<!-- Template für Garage -->
</head>
<body>
						<div class="row">
							<div class="col-25">
								<div data-type="symbol" 
									data-device="Neigungssensor_Garage_ZG8101" 
									data-get="basicSet"
									data-states='["0","255"]' 
									data-colors='["tomy","tomy2"]' 
									data-color="tomy2" 
									data-icon="fa-car" 
									class="compressed">
								</div>							
							</div>
							<div class="col-55 left-align">
								<div class="big">Garagentor</div>
								<div class="hbox left">	
									<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().ee()" data-unit="" data-color="gray" class="timestamp"></div>&nbsp;
									<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().ddmm()" data-unit="" data-color="gray" class="timestamp"></div>&nbsp;
									<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().hhmm()" data-color="gray" class="timestamp"></div>&nbsp;
									<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-states='["0","255"]' data-substitution='["0","closed","255","open"]' data-colors='["black","blue"]' data-unit=""></div>							
								</div>
							</div>

							<div class="col-20">
								<div data-type="checkbox"
  									data-device="Garage_T_FSR61"
  									data-get="state"
  									data-icon="fa-square"
  									data-get-on="B0" 
  									data-get-off="BI" 
  									class="small blue">
    							</div>
							</div>
						</div>
</body>
</html>

wenn ich aber innerhalb dieses codes bei hbox-left zwei div's rausnehme, dann gehts, Siehe Bild 2.

also wenn der code wie folgt ist:

Code Auswählen

<!DOCTYPE html>
<html>
<head>
	<!-- FHEM Tablet UI V2.6 -->
	<!-- Template für Garage -->
</head>
<body>
						<div class="row">
							<div class="col-25">
								<div data-type="symbol" 
									data-device="Neigungssensor_Garage_ZG8101" 
									data-get="basicSet"
									data-states='["0","255"]' 
									data-colors='["tomy","tomy2"]' 
									data-color="tomy2" 
									data-icon="fa-car" 
									class="compressed">
								</div>							
							</div>
							<div class="col-55 left-align">
								<div class="big">Garagentor</div>
								<div class="hbox left">	
								<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().ee()" data-unit="" data-color="gray" class="timestamp"></div>&nbsp;
									<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().ddmm()" data-unit="" data-color="gray" class="timestamp"></div>&nbsp;
									<!--<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-substitution="toDate().hhmm()" data-color="gray" class="timestamp"></div>&nbsp;
									<div data-type="label" data-device="Neigungssensor_Garage_ZG8101" data-get="basicSet" data-states='["0","255"]' data-substitution='["0","closed","255","open"]' data-colors='["black","blue"]' data-unit=""></div>-->							
								</div>
							</div>

							<div class="col-20">
								<div data-type="checkbox"
  									data-device="Garage_T_FSR61"
  									data-get="state"
  									data-icon="fa-square"
  									data-get-on="B0" 
  									data-get-off="BI" 
  									class="small blue">
    							</div>
							</div>
						</div>
</body>
</html>

doch warum das so ist, keine Ahnung. Kann das jemand nachvollziehen. Die Col-55 hat genug Platz um das alles reinzuschreiben.

FHEM Forum

Komisches Verhalten bei col/row

choetzu