Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Apr 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with non-fluid css

    Hi! I am setting up this site and I'm encountering a problem. When you resize the window so the imagemenu (the many blocks) reach the brown block, they jump one line below. Thats not what I want to achieve. I want everything to stay in place. I think this is possible with non-fluid stylesheets but how?

    UPDATE: Since I ran into problems I reverted the page. Now theres just the image menu and the brown div. Is it possible to aligne them horizontally without the imagemenu to jump around?

    Thanks in advance!
    Last edited by criuz; 05-08-2007 at 01:58 PM.

  • #2
    New Coder
    Join Date
    Apr 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Found a way for my first problem and updated the page which leads me to my second problem:

    I'd like to remove (with javascript) the brown div (with the sadsadasd... in it) and have the kwick (the bar with the other divs) move to the horizontal center of the page.

    How should my css look like in order to achieve this? Simpler: I'd like to have the imagemenu (the div-bar) move to the horizontal center of the page, on removing the brown div. Is that possible?

    Page is here

  • #3
    Regular Coder
    Join Date
    May 2004
    Location
    San Jose, CA
    Posts
    388
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Why don't you just remove that brown DIV if you don't need it? Why do you need to remove that using Javascript? I don't get it.

    BlueRobot has a nice way to center content using CSS. Just do a search for "CSS centering" for several others.
    -ts
    -Challenge The Status Quo
    -www.toddseal.com/rodin

  • #4
    New Coder
    Join Date
    Apr 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The reason why I don't remove the div in the code is that I want the brown div to slide in with mootools. But this would only look cool when the kwick moves with the slider. So the brown div and the kwick need to be linked horizontally somehow.

  • #5
    New Coder
    Join Date
    Apr 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I have a new example for what I am trying to do: http://www.tberghuber.at/litest.html

    I want all the blocks to be in the same line. If you click on "Slide" (one of the three links) you can see what I am trying to do.

    tia, criuz

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    If it is a fixed width site then put a div around the whole thing. Set the width of the div equal to the width of the site and use margin:auto;. People are giving you advice learn to follow it.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •