css'ers:
As on old time raw html coder I am still struggling to grasp the nuances of
css. But, I'm getting there... however slowly!
I am currently having a problem I've spent way too much time on and I was
hoping someone with these skills might be able to assist or at least point
me in the right direction?
I am using a four box layout (header, left nav, right content, footer) and
all but the contents box seem to be behaving as expected. For the
particular page I am creating (it's functional BTW) I have a form with
several fields in a table to keep the descriptors and the input fields
strictly aligned and below these a series of input fields aligned in rows
of columns. Of course, a few action buttons are below these fields.
Finally, around all of this is a fieldset and legend.
I would like to "float" all this content in the center of the contents div
section (which itself is positioned:rela tive to the header and left nav
div). In HTML I would have used the old <centertag. With css I've tried
adding text-align: center which centers the table but not the column area
(these stay left). Also, whether the input fields stay left or get cented,
the fieldset box drawn around this takes up the entire width of the
contents div. Again, in old html it would just surround the max width of
the fields surrounded.
I know this is some css and some html and I already tried asking in the html
forum and got hollered at!!! As questions regarding formatting are
becoming more and more css only, I am hoping someone here can assist.
And yes, I have several css books, I've scoured several detailed css
information sites, and tried numerous techniques prior to posting this.
I'm hoping its a relatively easy response for someone!
Thanks in advance.
bobmct 1 1630
By jove...
upon continuing my research following my post, I came across some
discussions of such centering. What I ended up with was to code the
attributes right on the <fieldset statement as:
<fieldset style="width: 400px; text-align: center; margin-left: auto;
margin-right: auto;">
And it gives me nearly 100% of what I was trying to do.
Now, if there is a better, neater, more standard way to accomplish this,
then PLEASE advise.
bobmct This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Jeff Thies |
last post by:
I have a series of blocks that are float left that I need centered on
the page.
<div class="center" align="center">
<div style="width: 100 px;float: left">thumbnail 1</div>
<div style="width: 100 px;float: left">thumbnail 2</div>
<div style="width: 100 px;float: left">thumbnail 3</div>
</div>
|
by: Jonah Bishop |
last post by:
I have a puzzling problem with centering text, and I'm hoping that someone
here can help me out. First of all, let me state that I am using XHTML 1.0
Strict and CSS for all layout purposes (no tables). My website consists of a
few, simple parts: a "container" DIV which is centered and 750 pixels wide,
a "sidebar" DIV which can be found along the left side of the container, and
a "content" DIV which fills up what's left of the right part of...
|
by: Erik Schulp |
last post by:
Hi all,
I am trying to get a CSS defined layout to center on the page, have
tried doing this with the <center></center> tags but than everything
is centered, including text etc etc.
What should I put into the stylesheet so that, no matter what
resolution the viewer's screen is set to, the layout is always
displayed centered ?
Erik Schulp
|
by: CMAR |
last post by:
To center my <div>, I am currently using something like
<div id="navcontainer" align="center">
This centers fine, but is deprecated code. I have seen these two solutions
recommended.
1)
body {
text-align: center;
min-width: 500px;
|
by: Robert J. O'Hara |
last post by:
For some time I've made use of the max-width property in CSS to cause
my pages to appear as a centered block against a contrasting
background. This works well in new browsers (Mozilla, etc.) and falls
back fine in IE6 and lesser creations. As one who practices "classic"
(i.e. dull) typography, this has always been satisfactory since I've
always used one-column pages.
I'm now trying a two column layout so I can include a sidebar, and am...
| |
by: yawnmoth |
last post by:
I'm trying to center list elements in a webpage I'm working on, and
setting margin-left to auto for ol (or ul) seems to prevent the number
(or bullet) from displaying in IE6 (strict mode) and Opera7 (it works
fine in Firefox). Any ideas as to why and what I might do to fix it?
I've set up a little demonstration of the problem here:
http://www.frostjedi.com/terra/dev/test.html
It's set up to render in quirks mode to demonstrate that it...
|
by: SamMan |
last post by:
A few months ago, I recalled reading somewhere the way to center content in
Mozilla-based browsers was like this...
body {
margin: 0px auto;
text-align: center; /*for IE*/
}
My memory recalls this working, but now upon revisiting, it is not. What is
the proper way to center content?
|
by: Simon Wigzell |
last post by:
I have the following funciton that centers my website content for any size window and will center it in real time as the window is expanded or shrunk. It is activated by a
onresize="CenterIt();"
in the body tag.
Works fine for IE. How do I make it compatible with netscape and most browsers? Better yet, is there a good single source that explains how to write javascript to be compatible with all browsers? 766 and 435 are the width and...
|
by: John Pote |
last post by:
1. Horizontal centering a <divin browser window.
The current trend seems to be to place page content in a fixed width area in the middle of the
browser window. How is this achieved? If I use a top level <divthen I can place it with CSS
attribute 'left:', but this is a fixed offset. Is it possible to have a <divcentered in the
browser window?
2. Verticle centering in <div>
|
by: Markus Ernst |
last post by:
Hello
This is a test example:
http://www.markusernst.ch/anthracite/
http://www.markusernst.ch/anthracite/living_divani.html
After googling and experimenting for several hours, I ended up doing
this demo with tables. The main problems are the vertical centering of
the info area, and of the text inside the squares.
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
| |
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
|
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |