Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
Hi People
i need to fix my top bar some thing similar to facebook top bar ( blue color )
when i view in above 1024 width screen it look good
but when i view in 800 width screen my top bar(violet color) is broken
look at my theme http://www.betabox.cz.cc/
before you look at my site plz look at screen shot here http://i34.tinypic.com/5kppw4.jpg
Look for fix solution
Thanks in advance -
Hey Roger,
It looks the width of #wrapper and #header is creating problem as you have specified width:1000px. And when you re-size browser to 800 it re-size the header also since you have specified width of wrapper and header to 1000px it creating trouble.
Why don't you change the move
<div id="page-top-holder">
<div class="clear"> </div>
</div>
Inside the Wrapper? and position it accordingly? -
ah well my <div id="page-top-holder"> is outside the wrapper b'cose it can act as fluid
i don't want to fix it to 1000px width if i place inside the wrapper you can check the
demo in facebook after you login
i want page-top-holder act as fluid -
Your XHTML seems to be tricky, can you ZIP and send me XHTML & CSS, so that I can take look locally?
-
sumi here is my wordpress complete theme file you can download it
http://www.mediafire.com/?iqynomwdqkn -
Hi Roger,
I have been through your code, the problem is with your Wrapper width which is 1000px. Since you have given fixed width to wrapper and when you re-size the browser window to 800 resolution the header automatically get width as per the resolution and wrapper takes 1000px which forces the header to create gap.
A possible fix is to reduce the width to 772px from 1000px and adjust the other DIV widths accordingly. You might also need to change the structure of your page. Let me know if you want me to redesign it. -
hi sumi thank you so much for helping me well what i did to fix
i added min-width:1000px; for the header it worked very well
1 to 7 of 7