[css-d] Margin (?) problem with menu.
Hi everyonecan anyone spot the Waldo in my css on this page... my dev site is athttp://public.alliancepacific.com/Corporate/About_Us I am having a hard time finding out why the top level UL's appear to have a margin which does not allow the menu to squeeze up to the header. If anyone could give me a hand I would really appreciate it. Thanks! rolland __ 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] Margin (?) problem with menu.
rollandburn wrote: Hi everyonecan anyone spot the Waldo in my css on this page... my dev site is athttp://public.alliancepacific.com/Corporate/About_Us I am having a hard time finding out why the top level UL's appear to have a margin which does not allow the menu to squeeze up to the header. If anyone could give me a hand I would really appreciate it. Thanks! rolland Reduce the height set on the header to around 146px. Best, ~dL -- http://chelseacreekstudio.com/ __ 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] Margin (?) problem with menu.
jeezthat was too easy. Sometimes when you stare at something for hours on end its hard to see the simple solutions. thanks alot David. On 22-Jan-08, at 11:01 AM, David Laakso wrote: rollandburn wrote: Hi everyonecan anyone spot the Waldo in my css on this page... my dev site is athttp://public.alliancepacific.com/Corporate/About_Us I am having a hard time finding out why the top level UL's appear to have a margin which does not allow the menu to squeeze up to the header. If anyone could give me a hand I would really appreciate it. Thanks! rolland Reduce the height set on the header to around 146px. Best, ~dL -- http://chelseacreekstudio.com/ __ 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] Margin (?) problem with menu.
rollandburn wrote:
Hi everyonecan anyone spot the Waldo in my css on this page... my
dev site is athttp://public.alliancepacific.com/Corporate/About_Us
I am having a hard time finding out why the top level UL's appear to
have a margin which does not allow the menu to squeeze up to the header.
If anyone could give me a hand I would really appreciate it.
Thanks!
rolland
From what I can see, it's the h3 element in sidebar which has the space
above it, just below the menu:
you have:
#sideBar h3 {
border-bottom:1px solid #CC;
color:#003462;
font-size:1.1em;
margin: 10px; /* adds 10px all around */
padding:0px;
I changed that commented line (in Firebug) to
margin: 0 10px;
And things looked a bit more 'together'.
I'm sure more advanced minds will have better answers :)
HTH,
-Ray
--
Non scholae sed vitae discimus
=
__
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-d] margin problem in Mozilla with nested divs
example: http://www.westboundandweary.com/cpc/ please note the difference in the page between Mozilla and IE. IE is doing what i want it to do (amazing!). When adding margin: 8px to main_holder div which is the beige colored area, Mozilla puts the margin on its containing divs it seems, which causes my whole bubble box to be pushed down from the header instead of just the beige area being pushed further inside the bubble box. why is this happening? THanks. __ 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] margin problem in Mozilla with nested divs
sandy wrote:
example: http://www.westboundandweary.com/cpc/
please note the difference in the page between Mozilla and IE. IE is
doing what i want it to do (amazing!). When adding margin: 8px to
main_holder div which is the beige colored area, Mozilla puts the
margin on its containing divs it seems, which causes my whole bubble
box to be pushed down from the header instead of just the beige area
being pushed further inside the bubble box. why is this happening?
THanks.
'Collapsing margins'[1] - which Mozilla handles according to relevant
CSS standard, while IE messes it up with its 'hasLayout'[2] bug.
You can add...
#outer_holder_top {overflow: hidden;}
...or...
#outer_holder_top {display: table;}
That will make Mozilla, and all other standard compliant browsers,
contain that margin as you want.
regards
Georg
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
__
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-d] margin problem
Hi all, I am working on a fully css based form and for some reason IE is removing 5px (approx.) from the left margin on a fieldset tag… You can see this here: HYPERLINK http://www.tibbits.ca/webdev/form.phphttp://www.tibbits.ca/webdev/form.php It is the first “Select One” box that doesn’t have the correct left margin. Is there a way to fix this without resorting to hacks to feed IE a wider left margin? Thanks, Matt -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.408 / Virus Database: 268.13.4/477 - Release Date: 10/16/2006 __ 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] margin problem
I seem to have found a solution...if I put display: inline; on the my fieldset tag then it lines up properly... Matt I am working on a fully css based form and for some reason IE is removing 5px (approx.) from the left margin on a fieldset tag… You can see this here: HYPERLINK http://www.tibbits.ca/webdev/form.phphttp://www.tibbits.ca/webdev/form.php It is the first “Select One” box that doesn’t have the correct left margin. Is there a way to fix this without resorting to hacks to feed IE a wider left margin? -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.408 / Virus Database: 268.13.4/477 - Release Date: 10/16/2006 __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com __ 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/
[css-d] Margin Problem in IE
Hi Guys,
The following page:
http://www.storesprite.org/lamp/company/contact.phtml
Layout is exactly how I want it to be in Firefox et al. However, IE as
always is causing me stress!
The right column appears to be pushing the left (content) downwards on
account of IE incorrectly calculating the widths.
Hopefully one day I will get my head around this. I would be very
grateful for any pointers.
I have pasted the relevant CSS and html below. I am pretty certain that
none of the other code is interfering with it.
Thanks,
Vince
CSS:
#pagecontainer {
background-image:
url('http://www.storesprite.org/lamp/images/pagebg.png');
background-repeat: repeat-y;
width: 790px;
padding: 0;
margin: 0px;
}
#pagemarginalcontainer {
width: 760px;
margin-left: 15px;
margin-right: 15px;
margin-top: 10px;
padding: 0;
}
#right {
width:200px;
padding: 0px;
margin: 0;
background-color: #E0D9CC;
float: right;
}
#content {
width: 550px;
margin:0;
padding: 0;
}
h1#pagetitle {
background-image:
url('http://www.storesprite.org/lamp/images/pagetitlebg.png');
background-repeat: no-repeat;
width: 550px;
height: 55px;
font-size: 24px;
color: #fff;
padding: 10px 80px;
}
PAGE CODE:
div id=pagecontainer
div id=pagemarginalcontainer
div id=right
This is the right content, this is the right
content.
/div
div id=content
!-- // PAGE HEADER ENDS HERE --
h1 id=pagetitleCONTACTING US/h1
!-- // PAGE FOOTER STARTS HERE --
/div
/div
/div
__
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/
