Setting text-align: center won't affect the floated elements inside
a container.
Try this:
body {
text-align: center; /* for IE */
}
#root {
margin: 0 auto; /* to center the stuff */
text-align: left;/* fix text aligning */
width: 70%;
padding: 2%;
background: #555;
The blue should be touching the top of the browser.
http://ad.aaml.uniquethrudesign.com/
Try doing:
#header img {
margin: 0;
}
If that doesn't work, try zeroing the margin of div#main as well.
Prabhath
--
http://nidahas.com
I have tried to use to floating divs, one to the left and one to the
right both with width 50%, and a static div. While this look OK on IE,
is messed up on Mozzilla :(
This is an easy effect to achieve. Check out the layoutgala entry:
http://blog.html.it/layoutgala/LayoutGala27.html
Prabhath
Hi Travis,
I was trying to do this with ul li but I can't seem to figure it out. I
am really trying to stay away from tables on this. Does anyone have a good
way to set this up?
There are several ways this could be done, and this is a simple
solution which uses absolute positioning (I
On 4/19/06, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Is there anyway to force background colors, images, and the like to show
up on a printed page when printed from a web browser?
Defining them in a print stylesheet (linked with media=print) will do.
Prabhath
--
http://nidahas.com
So, to reiterate, the main content starting with the graphic Welcome is
improperly clearing the white Aurora logo. Both are floated left. This
problem appears in Firefox 1.5 on my Win2K pc.
Are you sure the Welcome graphic is floated? I can't seem to find
the style rule that specifies this
On 4/7/06, Murphy, Percevial [EMAIL PROTECTED] wrote:
You will note on this page
http://www.ecu.edu/cs-dhs/mph/customcf/headerbox.html, the background
where the text Useful Links text appears is not the same width as the
links below it. How can I set it so that they are both the same width?
You can see the behavior with the above line at:
http://s92454869.onlinehome.us/test1.html
The doctype turns on the standards compliant mode on browsers, so it's
important to have it.
Use position:relative on #vtp, and then use top and left css
properties instead of margins on the absolutely
On 3/16/06, Ian Young [EMAIL PROTECTED] wrote:
In following test site the menu does not appear inside its wrapper (the
black border is purely for debugging)
http://www.iysearch.net/new/test2.html
Floated elements are taken out of the document flow, and thus are not
contained in the wrapper.
http://www.positioniseverything.net/easyclearing.html
http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
The overflow:auto works a treat in FF but not IE
I usually go for the method at positioniseverything.net. Just a matter
of using those CSS rules, and applying
On 3/17/06, Trash [EMAIL PROTECTED] wrote:
Hi again
I miss using tables too much. The structure of layout what i want to
make is this:
Logo (fixed width height)
Menu (fixed width height)
Content (fixed width, 100percent height)
Footer (fixed width height)
Here's an easy way to go
Hi Mike,
Everything works just fine, except in IE6/Win...?The section headers do not
display... BUT, if you scroll up/down, each header that disappears off screen
and then returns will display, or if you wipe your cursor on the screen, they
display, and will kind of stay...but once you
On 10/17/05, Tony Balazs [EMAIL PROTECTED] wrote:
I have based my css on some sheets I found online and have done my
best to incorporate advice gratefully received from this site.
In the body { I have verdana, arial, helvetica, sans-serif;
Thing is, I don't understand why the choice is
On 9/16/05, rashantha de silva [EMAIL PROTECTED] wrote:
does anyone know/explain how the floating background is accomplished
at this site
http://www.sitevista.com
It's just separate background images attached to diffferent elements -
the fruit is attached to the body element, and the content
on the left DIV the user uploads his data.
if the user uploads content widen then 600px, the page breaks and the right
div falls down beneath the left DIV
how can i solve it?
overflow: auto should to the trick (will add scrollbars for
overflowing content).
Prabhath
http://nidahas.com
I have attached an external stylesheet to HTML pages which are all saved in
the same folder. When I preview the pages on the Web (Explorer or Netscape),
the first page I view has the styles applied. (colors, positions, fonts,
etc.) But when I link to another page within the site, the style
I am having a problem at:
http://lamaison.org.uk/pages/pager.php
http://lamaison.org.uk/styles/pages.css
The footer extends out over the column. Could anybody explain why,
please and maybe offer a solution for stopping it.
The footer (#footer) is contained inside #anchor. Both
On 7/12/05, Klaus Hartl [EMAIL PROTECTED] wrote:
David Hucklesby wrote:
Is there any way to get IE to understand focus?
Looks like a good place to use Sons of Suckerfish [1], especially the
Focus [2] part.
Prabhath
http://nidahas.com
[1] http://www.htmldog.com/articles/suckerfish/
[2]
On 7/6/05, Virginia Murdoch [EMAIL PROTECTED] wrote:
Hi there,
I've got a layout that's looking fine in browsers other than IE5.5 /
6 (big surprise there).
The problem is that IE seems to be doing something funny with
margins, thus forcing my main text area and my sidebar together. The
other
On 6/23/05, Augusto Murri [EMAIL PROTECTED] wrote:
Hi all!
i've some problem to show well this box build in css.. In fact with FF i've
some probem of visualizzation..
It would be great if we can have a look at the html and css, not just
the screengrabs.
Prabhath
http://nidahas.com
The problem I am having is getting the two wrapper divs to enclose
the floats. (There are two wrappers because of the two background
images - the logo on the right and the paintbrush on the left.)
Use the easy and semantically correct method at PIE [1]
Prabhath
http://nidahas.com
[1]
What the challenge is...
to try and get this website
http://www.imax.com.au/
to look exactly the same but without tables :)
I checked the site in Firefox/Win and the layout breaks.
Do you want to keep these problems and redo the site with web
standards, or is it time to get rid of _all_
What am I missing? Some of the stuff with javascript I find fascinating -
but the P elements being undefined makes no sense to me.
You are using XHTML, so you have to specify elements and attributes in
lowercase. You'll have to replace the UL and P elements with ul and p.
XHTML Spec:
Sweet, that fixed it. Thanks a lot!
Yes, having an extraneous div to clear floats does work.
There's an even better way to do with clean markup:
http://www.positioniseverything.net/easyclearing.html
Prabhath
http://nidahas.com
- what kinds of things might IE 5 PC do differently than every other
browser?
Positioning doesn't seem to have any problems, other than the first
blue box at the bottom having a double margin problem. (left margin)
The nav menu is rather unreadable. There are no background colours,
just red
It looks perfect in IE6, in other browser it has various problems.
Rob, first of all, don't design with IE. All versions of the browser
has problems with CSS. Use Firefox to do the development, and then go
on to do the tweaks and hacks for other browsers. It'll save you a lot
of time and
Here is the page: http://www.retroactive.com/gateindex.html
In IE/Win 6.0 the image in Featured image does not show up. It does
show up in all other browsers.
This is strange.I wonder if enclosing the image in a p element would help.
In IE/Win 6.0, the navigation bar on the right is
What could the reason be for this error? (I/O Error. Stream closed).
The site is: http://nidahas.com
Try validating the CSS. The content is served as application/xhtml+xml.
Thanks,
Prabhath
http://nidahas.com
I/O Error: Stream closed.
Looks like the validator has started chocking on CSS.
I thought applying the background to the BODY tag would make sense and
not require any extra tags in my html, and it does work it the content
goes beyond the fold, but if the content is shorter, the background
image stops where the content stops.
This is strange. If you applied the background
But I don't understand *why* the stylesheet isn't being seen -- it's a
relative path; shouldn't the validator find it?
I haven't had this problem before, and I always do my stylesheets the
same way (or else, there's something I'm being really obtuse about).
I've seen this error recently,
navigation menu on the right is spaced radically different in Firefox
and IE/Win (IE/Win is putting extra spaces between the li items).
It's the dreaded white-space bug. Check out the fix[1] by Jon Hicks.
Second, I cannot seem to get the images in the right sidebar to center
within the div.
I think what you need to do is to contain the floated leftNav in mainBlock.
Try this:
http://positioniseverything.net/easyclearing.html
HTH,
Prabhath
http://nidahas.com
On 5/27/05, Terry Jeske [EMAIL PROTECTED] wrote:
http://www.buzzjeske.com/untitled-1.htm
I have a centered div mainBlock
Looks like a case for a pop-up window if you want to control the window size.
Accessify has a nice tutorial [1] that explains it pretty well. Go
through the article and the comments too.
BTW, target attribute is not available in XHTML Strict. Sitepoint has
a workaround [2] by Kevin Yank.
33 matches
Mail list logo