Position CSS code to set FRAMESET to the middle of the webpage

I've been working on this code snippet:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
    .mpanefset { top: 41px; left: 181px; position: fixed; width: 100%; height: 100% }
</style>
</head>

<frameset class="mpanefset" cols="*">
    <frame src="action.html">
</frameset>
</html>

This code was intended to place a frame at coordinates 181,41 with the source set to action.html.

While it loads the page, unfortunately, the positioning doesn't seem to work as expected.

If you have any insights or suggestions, they would be greatly appreciated. Thank you!

Answer №1

Placing the <FRAMESET> tag at a custom location such as 181,41 is not allowed.

<FRAMESET> serves as an alternative to <BODY>

You must choose either frameset or body, as setting frames on custom positions is not supported. Keep in mind that frameset should only start from top: 0 and left: 0. Your positioning should be based on these values.

Framesets are known to cause problems, are not search engine friendly, and may not be supported by all browsers. They are also potentially deprecated, so it's advisable to avoid using framesets altogether.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

apply full width styling to bootstrap select dropdown

<div align="center" class="form-group"> <select v-model="subject" class="form-control"> <option v-for="n in papertypes" class="">{{ n.type }}</option> </select> <br> By default, Bootstrap makes the s ...

Unable to successfully implement the CSS not selector

My webpage's code was created through the use of Wordpress. <div class="header-main"> <h1 class="site-title"><a href="http://wp-themes.com/" rel="home">Theme Preview</a></h1> <div class="searc ...

What happens when there is a 1-second delay in loading CSS on an HTML page?

Lately, I've been working on creating HTML and CSS pages. However, whenever I load a page, I notice that there's always a brief half-second flash of the HTML content without any styling applied. Does anyone have an idea why this is happening and ...

What is the process for enabling a deactivated hyperlink?

Trying to figure out how to create a link that will only activate when a specific value is present. Let's say I have a link like this: a(class="nav-link" id="signal_" style="pointer-events: none" href="/goToStreamingPage") <i class="fas fa-signal" ...

Attach the element to the bottom of the viewport without obstructing the rest of the page

My challenge is to create a button that sticks to the bottom of the viewport and is wider than its parent element. This image illustrates what I am trying to achieve: https://i.stack.imgur.com/rJVvJ.png The issue arises when the viewport height is shorte ...

How to keep Vuetify component at the top of the v-layout?

https://i.stack.imgur.com/cKdsk.png I am in the process of creating a website using vuetify and nuxt. My goal is to specify the max-width property for the expansion panel UI component (https://vuetifyjs.com/en/components/expansion-panels). Here is my curr ...

Position the second line of text to align in MUI

I am facing an issue with aligning the text on the second line. It should match up with the text on the first line. For reference, you can check out the Codesandbox by CLICKING HERE <Card sx={{ maxWidth: 200 }}> <CardMedia component="i ...

Issue in the -ms-grid-row-align attribute could be causing unexpected behavior

Here is a code snippet I have where the image exceeds 44px in height: <div style="width:300px;display:-ms-grid;-ms-grid-rows:44px 44px"> <div style="-ms-grid-row:1; -ms-grid-column:1;"> <img style="max-width:100%;max-height:100% ...

How to customize a dropdown menu with the size property?

Can anyone help me with styling a select box that uses the size attribute? Most tutorials only cover single-item select boxes. Has anyone dealt with styling select boxes with the size attribute before? Here's an example of what I'm trying to acc ...

Add the Bootstrap CSS to the <head> section using Wicket

Currently, I am utilizing Wicket to generate the HTML content of an email. Although I prefer using Bootstrap for styling, I encounter issues since link tags are disregarded in emails... I am wondering if there is a convenient method in Wicket to import the ...

move position when clicked-javascript animation

Is there a way to create a button that changes a div's position with a 2-second transition on the first click and then returns it back on the second click? I tried implementing this code, but unfortunately, it doesn't bring the div back. va ...

What are the steps to create two frames using Twitter Bootstrap?

I'm just starting to work with Twitter Bootstrap and I need some help. Can someone assist me in creating a two-column layout inside the HTML, where the menu in the header stays visible even when scrolled down? I've included my HTML code below. Th ...

nth-child selector causing tbody element to break

I have a code snippet that should alternate row colors between yellow and red. It works perfectly without using the <tbody> tags. However, when I include the <tbody> tags in my code, the layout breaks. It seems to restart with yellow at every n ...

Arrangement of items in a grid featuring a row of three items, each with an automatic width

I'm facing challenges with achieving a specific layout: https://i.sstatic.net/a5ETh.png https://i.sstatic.net/I7fuS.png My goal is to have the left and right elements automatically adjust their width to cover all the empty space on either side of t ...

Exciting new animation feature in ng-repeat

I have implemented ng-repeat with custom styling and plan to expand the array by adding new items. Here is my code snippet: // Custom JavaScript code var _app = angular.module("userApp", []) _app.controller("usrController", function($scope) { $scope ...

Can you provide instructions on how to display data in two lines within a mat-select field?

Is it possible to show selected options in mat-select with long strings in two lines within the same dropdown? Currently, the string appears incomplete. You can see an example of this issue here: incomplete string example <mat-form-field class="f ...

The page remains static even as the function is executed

Having trouble with creating a sliding form using jQuery. The issue is that instead of sliding to the desired page, it slides to a blank one. The website where this problem can be seen is www.entrilab.com. Upon inspecting the element, there are no errors ...

Utilizing CSS for a specific row within the grid-template-areas placement

Hey there, I'm diving into the world of coding and taking on a new project as a beginner. My goal is to recreate Google's Advanced Search page from scratch. Right now, I'm focusing on creating the header section using the power of display: g ...

Is it possible for a td to serve as the relatively positioned ancestor of an absolutely positioned element?

I am looking to create a smooth transition from one image to another. The first image is the only child of a td element. To begin, I apply styling to the td with .css('position', 'relative') Next, I generate the second image and set s ...

After a link is clicked in the Rails web app, the style undergoes a subtle transformation

Encountering an issue with my HTML/CSS that seems to be connected to Rails and its asset pipeline. Initially, the styling of my web app is perfect on the first page load (and hard refreshes). However, as soon as I click on a link, navigate away from the pa ...