¡Buenas!
Soy nuevo y he tratado muchas veces y distintas formas y al parecer sigo siendo novato.
Tengo problemas para colocar una imagen en la celda Logo; ya que se sale del div, lo que busco es que el div se acople al tamaño de la imagen.
También tengo problemas para que las celdas: fecha, top y rep terminen de rellenar la página.
Lo puedo lograr con td y tr pero cuesta mucho con los div representando las tablas.
Problema #1 La imagen se sale
Problema #2 Las celdas no completan la página
Este es mi código:
Código HTML:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
<title>
¡Bienvenidos a Nice Roms!
</title>
<style type="text/css">
.wrapperDiv {
position: relative;
}
.table {
display: table;
}
.Tablerow {
display: table-row;
}
.Tablecell {
border: 2px solid #54FF93;
display: table-cell;
}
.Tablecell.empty {
border: none;
width: 150px;
}
.Tablecell.rowspanned {
border: 2px solid #54FE43;
position: absolute;
width: 150px;
top: 0;
bottom: 0;
}
</style>
</head>
<body>
<div class="wrapperDiv">
<div class="table">
<div class="Tablerow">
<div class="rowspanned Tablecell"></div>
<div class="Tablecell">Fecha</div>
</div>
<div class="Tablerow">
<div class="empty Tablecell"></div>
<div class="Tablecell">Top</div>
</div>
<div class="Tablerow">
<div class="empty Tablecell"></div>
<div class="Tablecell">Rep</div>
</div>
</div>
</div>
</body>
</html>