Webmaster Forum

Go Back   Webmaster Forum > Web Development > Web Design Lobby

Web Design Lobby Forum for general web design issues not specific to scripting or graphics.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 09-09-2011, 09:50 PM
Symbol Symbol is offline
Junior Member
 
Join Date: 09-09-11
Posts: 25
iTrader: 0 / 0%
[Problem] Website Content wont stay in 1 place

So this is the problem, whenever I make the browser smaller, it seems the content in the site move WITH it...

The navigation bar and the Logo eventually collide...

Screenshots:


Normal:



Problem:
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 09-09-2011, 09:56 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,710
iTrader: 5 / 100%
Umm, this is a good thing! It's called flexible (liquid) design.

Why is this a problem? Your layout so far accommodates a number of users and how wide they have the browser open.
 
Reply With Quote
  #3  
Old 09-09-2011, 10:00 PM
Symbol Symbol is offline
Junior Member
 
Join Date: 09-09-11
Posts: 25
iTrader: 0 / 0%
Quote:
Originally Posted by HTMLBasicTutor View Post
Umm, this is a good thing! It's called flexible (liquid) design.

Why is this a problem? Your layout so far accommodates a number of users and how wide they have the browser open.
Well for 1, I didn't know this was really that good, I was just using common sense when making this but...
I don't like how it looks when its in a small window, looks pretty bad.


EDIT: Ah I see now, thanks, what you said about liquid design and that link you posted helped me alot, I fixed it. You rock!
But... What you said about liquid design interests me...

How can I keep liquid design but not have all the images going crazy horizontally?



How I fixed it: Just changed the wrapper width from 100% to 900 pixels.

Last edited by Symbol; 09-09-2011 at 10:04 PM.
 
Reply With Quote
  #4  
Old 09-09-2011, 10:05 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,710
iTrader: 5 / 100%
Put you nav bar on a different z-index so it slides over under the logo after you make the green a bit taller or put it below the green.

You could try using min-width in your CSS to force the header to be a min width but then if someone comes along with ther browser smaller there will be a scroll bar at the bottom.
 
Reply With Quote
  #5  
Old 09-09-2011, 10:07 PM
Symbol Symbol is offline
Junior Member
 
Join Date: 09-09-11
Posts: 25
iTrader: 0 / 0%
Quote:
Originally Posted by HTMLBasicTutor View Post
Put you nav bar on a different z-index so it slides over under the logo after you make the green a bit taller or put it below the green.

You could try using min-width in your CSS to force the header to be a min width but then if someone comes along with ther browser smaller there will be a scroll bar at the bottom.
Omg dude you rock so much!
I used the min-width on my wrapper, worked like a charm.

Thank you SOOOO MUCH
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Google maps wont update problem... mooney101 Coding Forum 0 08-26-2010 08:51 AM
Nav tabs won't stay in place... Foppa Coding Forum 7 12-29-2009 06:18 AM
SEO - website content problem yovkov SEO Forum 2 08-01-2009 10:14 PM
problem with freshing page. need it to stay in the middle CircleOfLinks Coding Forum 1 10-16-2006 10:40 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 05:49 AM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC