new header problem

[Kaylen]

In my previous topic you guys helped me to align my menu with the bottom of my logo picture by adding margin-top: 38px; to the div#menu_horiz, but now when I click the middle button in the top right corner (see image) I get the following problem
see attachments

Can you help me??

[attachment deleted by admin]

[Kaylen]

On the cmsmadesimple site it looks like this

[attachment deleted by admin]

[Kaylen]

because of the margin-top my tabs in the menu cannot go up like the do for the cms made simple site. If I remove the margin-top the tabs do go up when resizing like they do on this site but then my menu alignes at the top instead of the bottom of the logo picture..

Any one any ideas??

[Kaylen]

there must be someone who knows a sollution??? I hope....

[Dieter]

Hi Kaylen,

perhaps you should try it with "nobr" or nowrap" (in HTML) or with "whitespace : nowrap ;" (in CSS) ?

Best wishes,
Dieter

[Kaylen]

ok dieter thnx!

Maybe a dumb question... but where do I put it in the html or in the css??

Kaylen

[Dr.CSS]

"nobr" or nowrap" (in HTML) 
with "whitespace : nowrap ;" (in CSS)

btw are you using % or px for sizes...
that kind of squish usually happens when you have something width:??% .. and something else inside it as width:??px...

[Dieter]

Hi Mark,
thanks for your answer. Here a funny notice about the cmsms website:

I'm using IE 6 SP1. When I start from this point ( squish_1.jpg ) making the IE window smaller, then only for a short moment the top menu is squished  ( squish_2.jpg ), and making the window a bit smaller make the horizontal scrollbsr appear and the menu isn't squished any more ( squish_3.jpg ).

In FireFox 1.5 this problem doesn't appear.

Dieter


[attachment deleted by admin]

[Dr.CSS]

from the forum CSS..

    div#pagewrapper {
        margin: 0 auto;
      max-width: 80em;
        min-width: 63em;
        padding: 1px;
        text-align: left;
    }

making this forum sorta liquid/strechy, which Firefox understands, but it is CSS driven and IE has a hard time with min-width CSS, hence in a lot of the templates there is the {global_content name='JavaScript for IE page width'} tag to help... from the source view of this forum...


=b){nw=b+"px";}if(w



#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}

[Dieter]

Thanks, Mark !