Thanks to Holly's suggestion of padding-top, I was able to fix the
problem. The completed page with examples of the broken version and the
fixed version is here:
http://www2.csulb.edu/colleges/cota/test5.html
thanks!
Mike
Mike Soultanian wrote:
>> At the default font size, in whatever browse
> At the default font size, in whatever browser you're looking in, the
> top margin for the H1 is 30px. If you zero that, there will be no more
> margin between the text and the following div that includes the left
> and right columns.
Yeah, I understand that. I stuck that 30px in there to mak
From: Mike Soultanian <[EMAIL PROTECTED]>
>>> http://www2.csulb.edu/colleges/cota/test5.html
>> h1 {margin-top: 0;}
>
>Ahhh, I think I'm getting it. So, the H1 is always 30px away from the
>text, it's just bringing the container down with it, which is
>essentially bringing the floated left col
>> http://www2.csulb.edu/colleges/cota/test5.html
>
> I did try it in IE and Mozilla before I replied previously, and it's
> still margin collapsing that is causing what you see. The not-zeroed
> margin on the H1 element (as Theirry has pointed out) in the right
> column is "escaping" from the bo
Jim Nannery wrote:
>>Cory wrote:
>>I'm sorry, I think you guys are misunderstanding what I am saying. I am
>>not talking about how the layout looks in the browser, I am talking
>>about when you right click and view the source code, THAT is what is all
>>messed up. In particular the CSS. In DW8, th
Al Sparber wrote:
> From: "Thierry Koblentz" <[EMAIL PROTECTED]>
>>>
>>> If you have Dreamweaver, this might be a solution for you:
>>>
>>
http://www.projectseven.com/products/menusystems/tbm/demos/design_purecenter.htm
>>>
>>> If not, you can see if our CSS approach to centering can be used
>>> fo
From: "Thierry Koblentz" <[EMAIL PROTECTED]>
>>
>> If you have Dreamweaver, this might be a solution for you:
>>
> http://www.projectseven.com/products/menusystems/tbm/demos/design_purecenter.htm
>>
>> If not, you can see if our CSS approach to centering can be used
>> for
>> your page.
>
> I took
Al Sparber wrote:
> ww wrote:
>> Hi folks,
>> I am trying to create a simple centered horizontal (text) menu with
>> a
>> drop down menu that is HORIZONTAL not vertical. I need it to be
>> placed
>> within a table.
>>
>> I have been trying to implement this idea:
>>
>> http://www.tjkdesign.com/arti
ww wrote:
>[...]
>http://www.tjkdesign.com/articles/dropdown/demo.asp
>
>i can not get it to center and want the drop down menu to center
>toono matter what the browser size is.
>[...]
>here is a link to a test page i am working on:
>
>http://www.todayhomes.com/v2/
>
>i would like the menu to
Alright, got it to work. IE doesn't recognize for this hack, I
had to use 's in this case. See the technique at:
http://phrogz.net/CSS/inlineblock.html
Thanks for the help,
Jack
John Haas wrote:
And come to think of it, I'm pretty sure you want to apply
"display:inline-block" to "#feat
ww wrote:
> here is a link to a test page i am working on
>
> http://www.todayhomes.com/v2/
>
> i would like the menu to center itself within the table and the drop
> down menu to appear below the main menu no matter what the browser
> window is sized to.
As Christian said, you need "position:rel
And come to think of it, I'm pretty sure you want to apply
"display:inline-block" to "#features div," not "#features."
I tried that as well, it didn't work either.
Well, here's what I have now, still not working, as you can see in IE.
http://stg.participate.net
body.home #features_wrap
On 1/22/06, Christian Montoya <[EMAIL PROTECTED]> wrote:
> On 1/22/06, ww <[EMAIL PROTECTED]> wrote:
> > here is a link to a test page i am working on
> >
> > http://www.todayhomes.com/v2/
>
> Above everything else:
>
> #TJKDropDownMenu {
> position:relative;
> }
>
> Now it's inside. Style the rest
On 1/22/06, John Haas <[EMAIL PROTECTED]> wrote:
> /* IE/Mac \*//*/
> body.home #features_table {
> display: block;
> margin: 1em 0;
> text-align: center;
> }
> body.home #features {
> display: inline-block;
> width: 1px;
> white-space: nowrap;
> }
> /**/
But this only appl
Apparently the IE fix is to apply "text-align:center" where you have
"display:table" and "display:inline-block" where you have
"display:table-row." Obviously, behind a conditional comment or hack.
Did you try that?
Yes, the hack I have in my CSS now is::
body.home #features_table {
display:
Hrmmm -- you mentioned you don't know the width of the parent div;
but I assume you know the width of the centered div.
Is there a reason you're not using the following:
Some content...
#centered { width: 600px; margin: 0 auto; }
This will work regardless of the width of the parent e
On 1/22/06, John Haas <[EMAIL PROTECTED]> wrote:
> I'm aware that this is an issue in IE, however, but I can't seem to find
> a solution or hack to get it to work. The "fix" is located at:
> http://archivist.incutio.com/viewlist/css-discuss/42280
> Hoping someone knows how to get this to look corr
On 1/22/06, ww <[EMAIL PROTECTED]> wrote:
> here is a link to a test page i am working on
>
> http://www.todayhomes.com/v2/
Above everything else:
#TJKDropDownMenu {
position:relative;
}
Now it's inside. Style the rest as you need.
--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com
On Jan 22, 2006, at 4:33 PM, John Haas wrote:
> I finally figured out how to achieve the look of what used to be
> floated divs, centered in a page (when I don't know the width of
> the parent div).
>
> Right now, I'm using a wrapper div with a display:table and an
> inner wrapper div with a
I finally figured out how to achieve the look of what used to be floated
divs, centered in a page (when I don't know the width of the parent div).
Right now, I'm using a wrapper div with a display:table and an inner
wrapper div with a display:table-row. The colored boxes for the movie
campaig
> If you have Dreamweaver, this might be a solution for you:
> http://www.projectseven.com/products/menusystems/tbm/demos/design_purecenter.htm
>
> If not, you can see if our CSS approach to centering can be used for
> your page.
>
> Al Sparber
> PVII
> http://www.projectseven.com
>
Al,
I don't hav
On 1/22/06, Christian Heilmann <[EMAIL PROTECTED]> wrote:
> Could you please not cross-post on thelist and css-d? Those of us who
> are subscribed to both get enough email as it is...
>
> DHTML = marketing speak for JavaScript + HTML + CSS
>
> It would also be very helpful to send us an example whe
ww wrote:
> Hi folks,
> I am trying to create a simple centered horizontal (text) menu with
> a
> drop down menu that is HORIZONTAL not vertical. I need it to be
> placed
> within a table.
>
> I have been trying to implement this idea:
>
> http://www.tjkdesign.com/articles/dropdown/demo.asp
>
> B
> Hi folks,
> I am trying to create a simple centered horizontal (text) menu with a
> drop down menu that is HORIZONTAL not vertical. I need it to be placed
> within a table.
> I have been trying to implement this idea:
> http://www.tjkdesign.com/articles/dropdown/demo.asp
> But i can not get it to
Hi folks,
I am trying to create a simple centered horizontal (text) menu with a
drop down menu that is HORIZONTAL not vertical. I need it to be placed
within a table.
I have been trying to implement this idea:
http://www.tjkdesign.com/articles/dropdown/demo.asp
But i can not get it to center and
From: Mike Soultanian <[EMAIL PROTECTED]>
> you'll notice that there is no margin-top specified
>on the left column, yet it's being pulled down with the right column.
>
>http://www2.csulb.edu/colleges/cota/test5.html
I did try it in IE and Mozilla before I replied previously, and it's still
marg
Mike Soultanian wrote:
>> Sorry, I looked in IE6, not in FF. It's rare people "complain" about
>> the latter ;-)
>> Padding, but also *border* on the DIV should fix the "problem"
>> (remove the gap).
>
> Actually, if you reload the page, you'll see my updated examples.
> However, in my real web pag
> Sorry, I looked in IE6, not in FF. It's rare people "complain" about the
> latter ;-)
> Padding, but also *border* on the DIV should fix the "problem" (remove the
> gap).
Actually, if you reload the page, you'll see my updated examples.
However, in my real web page, I can't use any padding or
Mike Soultanian wrote:
> Thierry Koblentz wrote:
>> Mike Soultanian wrote:
>>> http://www2.csulb.edu/colleges/cota/test5.html
>>
>> Hi Mike,
>> I don't see any problem with your example page.
>> If you're talking about the second column being lower than the 1st
>> one, this is due to your margin on
Thierry Koblentz wrote:
> Mike Soultanian wrote:
>> http://www2.csulb.edu/colleges/cota/test5.html
>
> Hi Mike,
> I don't see any problem with your example page.
> If you're talking about the second column being lower than the 1st one, this
> is due to your margin on "h1" in column #2.
> Regards,
Mike Soultanian wrote:
>> This is not a bug you are observing, but "collapsing margins"
>> instead. See the following wiki page for more information and links.
>>
>>
> Hi Holly,
> I am familiar with collapsing vertical margins, but that's not the
> issue I'm running into; or maybe it is in another
>
> This is not a bug you are observing, but "collapsing margins" instead. See
> the following wiki page for more information and links.
>
>
Hi Holly,
I am familiar with collapsing vertical margins, but that's not the issue
I'm running into; or maybe it is in another form. I'm having problems
From: Mike Soultanian <[EMAIL PROTECTED]>
>http://www2.csulb.edu/colleges/cota/test5.html
>> Let's say I have two columns and there is a div in each column. If I
>> add a margin-top to the left column, it pushes the div down in the other
>> column when viewed in Firefox. Is this normal behavi
Donna Pfledderer @ Virtual Business Connection wrote:
>I'm not sure how to ask this, but on this page
>
>http://www.1startescape.com/NewSite/gallery_natPlaces.html
>http://www.1startescape.com/NewSite/css/portfolio.css
>
>When the user clicks on the arrow I want the "picture bar" to be replaced
>w
Philippe, you gave me a very valuable information and I just learned
something new. I fixed the problam as you suggested by removing
list-style: inside.
For those who want to visit a copy of the broken page -
http://pax.pcc.edu/gjackson/students/mpetrov/_source/other/css-d/firefox-list-style-displa
35 matches
Mail list logo
