Re: [css-d] website shifting a few pixels, can't find the culprit. Please help
Hi Scott,
This is not your site 'jumping', it's just that on some pages the
scrollbar is shown and on others it is not - the effect will vary
depending upon which browser you are using to view the site. You can
fix this across all browsers by using this:
html {
height: 100%;
margin: 0 0 1px 0;
}
It forces the scrollbar to always appear and therefore the 'jumping'
does not occur.
Cheers
Greg
On 8 May 2008, at 00:02, Scott Thigpen wrote:
Hi,
I'm almost done on this website however I've run into another brick
wall.
If you click the the tabs you'll see that the page jumps a few
pixels on two
pages and stays the same on the other three.
Here are the two that jump:
http://www.sthig.com/jlh/index.html
http://www.sthig.com/jlh/ourteam.html
These pages don't jump:
http://www.sthig.com/jlh/services.html
http://www.sthig.com/jlh/clients.html
http://www.sthig.com/jlh/contact.php
And here is my CSS
http://www.sthig.com/jlh/css/jlh.css
Could anyone help me out with this small problem?
--
S c o t t T h i g p e n
Illustrative Designer
art: http://www.sthig.com
design: http://www.thigpendesigns.com
Phone: 770.527.3958
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Position of Div to LOWER RIGHT CORNER
On 10 Apr 2007, at 16:38, [EMAIL PROTECTED] wrote:
Hello everybody
I am desperately trying to move the green div in my sample-page to
the lower
right corner of the grey div. This may sound stupid but I have tried
everything!
http://test.saager.ch/test3.asp
Hi,
Absolute positioning seems to be your best bet however there may be
other unwanted consequences. Can't tell that without more
information. Anyway:
#container {
height:100%;
background-color:#CC;
vertical-align: middle;
margin: 0px auto;
padding: 0px;
width: 550px;
border: 1px dashed #564b47;
position: relative;
}
#address {
height:100px;
width: 50px;
background-color:#00FF00;
border: 1px dashed #564b47;
position: absolute;
bottom: 0;
right: 0;
}
Only tested in FF but probably ok in IE 6 7.
Cheers
Greg
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centered div jumps in Firefox, not IE
On 29 Mar 2007, at 23:59, James Eaton wrote:
In Firefox a centered div on a page will move left or right,
depending on
whether vertical scroll bars appear in the browser window, while in
IE it
remains in one place. Is there a workaround for this in Firefox?
http://zolx.com/provenpropertymanagement/test1.php
http://zolx.com/provenpropertymanagement/test2.php
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Hi James,
Add:
html {
height: 100%;
margin-bottom: 1px;
}
to your stylesheet.
Greg
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] curious FF problem (bug?)
On 28 Aug 2006, at 21:05, r paterso wrote:
this is my first post to the list so please forgive any etiquette
gaffes.
i have noticed a curious problem with FF 1.5.0.6 on my (inherited)
intranet
i have page templates that use fixed-width (595 px)tables for
layout and CSS
for styling.
it seems that while page elements (banner, containing wrapper,
etc.) remain
static on the screen in IE, they shift around in FF, that is,
everything
shifts slightly to the left on some pages. i fully expect it is a
problem
in my CSS coding, but the cuious thing is, the shift only happens
when, for
example, a list reached more than 9 items, or a table had more than
9 rows.
{code snipped}
Hi,
I'm sorry that I don't have time to check this but it may be that the
browser scroll bars are appearing and therefore your content seems to
move to the left.
Try adding this declaration to your stylesheet:
html {
border-bottom: 1px;
height: 100%;
}
Cheers
Greg
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CMS question
On 15 Jun 2005, at 22:27, Jeff Cortez wrote: Anyways, I had a quick question to pose to people: Has anyone had any experience with an open source content management system and implemented standards compliant code along with it? Looking for comments/suggestions/rants/raves... I guess this is really off-topic but I would suggest looking at Textpattern (www.textpattern.com). I've just implemented a site using it and it's very neat and tidy. Contact me off-list for more info. Regards Greg -- www.purple-dogfish.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Mac site check and IE question
On 9 Jun 2005, at 20:40, Patrick Mannix wrote: http://xps.org/test08jun.html Hi Patrick, Looks great in Mac FF, Safari and IE Mac under Tiger. The layout breaks in IE Mac at 200% zoom but I don't think that is anything to worry about. Good job! Regards Greg __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] The agony of the minority
Melissa,
Here are the edited left and right containers which work ok on my FF/
Mac:
#leftContainer {
float: left;
padding-left: 0px;
background-color: #bdc7cd;
color:#00;
height: 600px;
width: 175px;
}
#rightContainer{
margin-left: 180px;
clear:right;
text-align:left;
padding: 10px;
height: auto;
width: 555px;
background-color: #FF;
}
Regards
Greg
--
www.purple-dogfish.co.uk
On 2 Jun 2005, at 22:56, [EMAIL PROTECTED] wrote:
Could the PC Firefox and ALL Mac savvy folks please look at:
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf
and tell me how to get rid of the space at the top and get the
content to
the right of the navigation AND make sure that the footer is at the
bottom
WITHOUT interfering with anything above it. Basically, make all
browsers
look like it does on Windows IE.
CSS is at:
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitmain.css
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitheader.css
http://notesdev.cc.sunysb.edu/mbishop/newdoit.nsf/doitmenu.css
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] The agony of the minority
Hi Melissa,
To be honest I've not looked through it in detail but the dept name
can be fixed by changing the top: position like this:
#dept {
position: absolute;
top: 55px;
left: 220px;
width: 336px;
height: 29px;
text-align: center;
}
You have a font tag in the html for your 'Lorem ipsum...' bit which
should be removed. And a simplistic fix for the top line of your
content would be to add a new declaration #rightContent p { margin-
top: 0; }. I'm interested in why you have used absolute positioning
in this layout?
Regards
Greg
--
www.purple-dogfish.co.uk
On 2 Jun 2005, at 23:49, [EMAIL PROTECTED] wrote:
Purple Dogfish Rock! I still have the space at the top, and now I
notice
that the department name doesn't float exactly where I want it
(Instructional Computing for this instance) but the content is
where it
belongs!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why using file extension .css
On 24 May 2005, at 23:37, Uwe Kaiser wrote: Christian Heilmann schrieb: On 5/24/05, Brian Cummiskey [EMAIL PROTECTED] wrote: Uwe Kaiser wrote: Do we really need the extension .css? And if yes, why? There may be a better reason behind this, but... the extention triggers the webserver to serve the page in the proper format. You can cal4l it anything you want, so long as you force the header: content-type of text/css. Also, humans have to edit them and would like to know what a file is and operating systems associate files by extension. You can also set your server up not to make certain files indexable by file extension. I wonder what the benefits of omitting the extension are? If the extension wouldn't be important (because the web server is sending the correct mime type), I could link to an basis.php to manipulate the styles server sided via scripting. Uwe Kaiser You can do that if you wish. As above, just use ?php header(Content- type: text/css); ? at the top of your document then add your CSS as normal. Anytime you want to add some scripting just insert the PHP tags and you're all set. Regards Greg __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
