html - safari - different calculation div percent -
i have 2 divs column. problem is, right div higher left div. why? want work percent.
i have problem in safari
i hope can me. don't understand problem.
<!doctype html> <html lang = "de"> <head> <meta charset = "utf-8"> <link rel = "stylesheet" href = "./css/smartphone/480.css" media = "screen , (min-device-width: 1px) , (max-device-width: 480px)"> <link rel = "stylesheet" href = "./css/smartphone/1024.css" media = "screen , (min-device-width: 481px) , (max-device-width: 1024px)"> <link rel = "stylesheet" href = "./css/desktop/desktop.css" media = "screen , (min-device-width: 1025px)"> </head> <body> <div id = "links"> <div style = "height:20%; background-color:#ececec;"> </div> <div style = "height: 15%; background-color:#2dab66;"> </div> <div style = "height: 16%; background-color:#ececec;"> </div> <div style = "height: 15%; background-color:#1e788b;"> </div> <div style = "height: 34%; background-color:#ececec;"> </div> </div> <div id = "mitte" > </div> </body> </html>
css:
body { /*margin-top: 1%; background-color: white; width: auto; height: 95%; min-height: 95%;*/ background-color: #3c3c3b; } #links { width:13%; min-height:95%; height: auto; height: 95%; position: absolute; float: left; left: 12.1%; } #mitte { left: 25%; width: 50%; max-height:95.0%; height: auto; height: 95.0%; position: absolute; background-color: white; }
it might have browser's default styling. try adding reset.css file before custom styles , see if fixes it.
also, please clearer mean "the middle div"
Comments
Post a Comment