Jump to content

Any ideas on how I can keep this logo the same on any monitor?


Recommended Posts

This is a good example why beginners to css should avoid using position:absolute and position:relative.

 

HOWEVER, this specific instance is one of the very few circumstances where position:absolute is actually the right tool for the desired layout effect - when used in proper conjunction with a parent block that is position:relative.

 

The key is to make it use "left:0" as positioned relative to the centered container and NOT "left: 225px;" as  currently positioned relative to the browser window. Play around with placing it in the centered block (div) and tweak the top/left elements.

 

<div id="wrapper">

<div id="header">

<div id="title"><p>Serving the DFW Area</p></div>
</div>

<div id="navbar">
<a href="index.php"><img src="images/links/home.gif" /></a> 
<a href="index.php"><img src="images/links/houses.gif" /></a> 
<a href="index.php?p=faq"><img src="images/links/faqs.gif" /></a> 
<a href="index.php?p=rules"><img src="images/links/rules.gif" /></a> 
</div>

<div id="content">
<div id="main_logo">
<img src="images/main_logo.png" />
</div>
<div id="main_left">
<p>We bring the party to you! Bounce House Buddies, are a family owned and operated business. We operate out of Arlington, Texas. Bouncehouses are great for parties, family reunions, advertisement, backyard BBQs, and anytime kids are in need of a great time!</p>

<p>Our goal is to provide safe quality equipment, clean and sanitized equipment, deliveries to be on time for the party or event, and the absolute best customer service.</p>


<p>We offer fair and competitive pricing. We realize how important your party or event is to you and strive to provide the best service and equipment at the most reasonable price.</p>


<p>Your safety is our number one priority. We go over all safety procedures at the time of every delivery. Our equipment is commercial grade material with a superior design that was carefully engineered with added safety features.</p>
</div>

 

When finished with this particular page, forget you ever used position:relative and position:absolute and learn to use floats properly.

 

If not, you will be tempted to try using it for other wire-frame page layouts and that's a path for suckers (because it is not flexible and will blow up depending upon browser/resolution other than yours)

 

Cool. Thanks guys. Yeah they arn;t my favorite ball creatures. lol

 

The logo should be to the left and almost come off the page.

 

Depending on monitor res. it moves from the left to the center.

 

I guess keeping them in one spot no matter what red, is what I'm looking for.

Thanks

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.