Facing a challenging situation studying HTML + CSS, I encountered an issue with my code:
html file:
#leftblock
{
width: 150px;
height: 100%;
position: fixed;
background-color: brown;
border: 1px solid black;
}
#rightblock
{
background-color: #A54739;
height: 700px;
width: 500px;
left: 159px;
position: absolute;
border: 1px solid black;
}
#rightblock #subrightblock
{
height: 660px;
margin: 20px;
background-color:bisque;
font-size: 10px;
}
#menu
{
text-align: center;
padding-top: 20px;
}
#menu ul
{
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
border: 1px solid black;
width: 110px;
}
... (other CSS properties)
wydruk.css
#leftblock
{
display: none;
}
#rightblock
{
text-align: left;
}
#rightblock #subrightblock
{
}
#menu
{
display: none;
}
body
{
border: none;
}
#menu ul
{
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
border: 1px solid black;
width: 110px;
}
... (other CSS properties)
Encountering a strange issue where a border appears on the right side of the A4 paper in print preview despite no specific border settings in wydruk.css. Any insights or solutions to this problem would be greatly appreciated.