24, July 2008

CSS positioning - webmaster forum

 
Webdigity webmaster forums
This forum shares its ad revenue with its members!
[ Home | Help | Search | Forum's Shop | Archive | Login | Register | Webmaster Directory ]
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design  >  CSS (Moderator: Meth0d)
Topic: CSS positioning		 « previous next »
Pages: [1] Print

Author Topic: CSS positioning  (Read 1235 times)
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2172
5030 credits
Members referred : 2


Venture Skills - New Media & IT group
« on: Feb 21, 2007, 02:25:05 AM »
Its late, and Im probably missing the obvious but I'm having real trouble with my positioning (see screenshot) the young lady should be in the right hand top corner, but she stubbornly refuses to go either on her own, or as a floating div.

My current code looks like
Code:
<body>
<div id="wrapper">
    <div id="headerInner">
        <?php if ($logo) { ?>
<a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" id="logo" /></a>
<img src="themes/amadou/img/bg_woman.jpg" id="back" />
<?php } ?>
   </div>
  <!-- main -->
ignore the php its just a template file, obviously there is more after this, and the wrapper div closes at the bottom.

The CSS
Code:
/*-----header-----*/

#wrapper {
position:relative;
  width:800;
  text-align: left;
  margin: 0 auto;
  position:relative;
  padding: 0;
  top: 0;
  left: 0
}

#headerInner {
position:relative;
  top:0;


}
#headerInner #logo img {
position:absolute;
  left:0;
  border: 0;
}

#headerInner #back img {
position:absolute;
right:0;
top:0;
}
Now I have swapped from absolute to relative and used float left right, nothing budges the women from her current position.

any suggestions?
* csserror.jpg (59.91 KB - downloaded 18 times.)
Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Its all in the mp3s
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2172
5030 credits
Members referred : 2


Venture Skills - New Media & IT group
« Reply #1 on: Feb 21, 2007, 02:41:07 AM »
It was really simple in the end, just added two divs, left and right and used float, with width.

now why this didn't work two hours ago I don't know Wink
Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Its all in the mp3s
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7974
40801 credits
Members referred : 3
« Reply #2 on: Feb 21, 2007, 09:09:13 AM »
So it works now?

A small tip : Add the web developer extension in Firefox, and when you are changing CSS files go to Disable -> Cache

I guess that is the reason it didn't work before Wink
Trial and Error my two best teachers Cool
Join us @ facebook Visit through proxy

Last blog : MIA - Where Nick and Tim
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2172
5030 credits
Members referred : 2


Venture Skills - New Media & IT group
« Reply #3 on: Feb 21, 2007, 11:17:17 AM »
it wasn't the cache that was the issue, it was my own stupidity Smiley

yes its working fine, and web developer extension is installed, along with firebug Visit through proxy which is my main debugging tool.
Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Its all in the mp3s
Global Moderator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 6280
38506 credits
Members referred : 374


It's time to use PHP5!
« Reply #4 on: Feb 21, 2007, 12:52:06 PM »
Quote from: ventureskills on Feb 21, 2007, 11:17:17 AM
it wasn't the cache that was the issue, it was my own stupidity Smiley

yes its working fine, and web developer extension is installed, along with firebug Visit through proxy which is my main debugging tool.



Strange I have never this kind of problems with the cache, only if I test websites with flash elements...
Free WordPress Themes Visit through proxy
CMS Reviews and Resources Visit through proxy
PHP Scripts Archive Visit through proxy

Last blog : 4th of July Lottery from TemplateMonster.com
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2172
5030 credits
Members referred : 2


Venture Skills - New Media & IT group
« Reply #5 on: Feb 21, 2007, 01:02:21 PM »
I have in the past but this was not the issue here, I simply hadn't closed my div tags correctly before (a look at the CVS entries this morning confirmed it). Put it down to tiredness the site is taking shape nicely. I guess its a good sign when the boss has to do the redesign of the main web site because every one is busy?
Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Its all in the mp3s
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7974
40801 credits
Members referred : 3
« Reply #6 on: Feb 21, 2007, 01:05:30 PM »
Quote
I guess its a good sign when the boss has to do the redesign of the main web site because every one is busy?

I guess that can be answered only from your bank Tongue

BTW I didn't knew that you are the owner of venture skills, or did I misunderstood something here?
Trial and Error my two best teachers Cool
Join us @ facebook Visit through proxy

Last blog : MIA - Where Nick and Tim
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2172
5030 credits
Members referred : 2


Venture Skills - New Media & IT group
« Reply #7 on: Feb 21, 2007, 01:07:11 PM »
co-founder, their were two of us who first founded (well 3 but thats a long story) I do the day to day running these days.
Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Its all in the mp3s
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2172
5030 credits
Members referred : 2


Venture Skills - New Media & IT group
« Reply #8 on: Feb 21, 2007, 06:48:00 PM »
I hate IE This isn't some mild dislike this is pure loathing, my nice new design, looking very pretty in Firefox, opera, safari even, but IE nope!!!!

Whats worse IE 7 appears to be even less standards compatible then IE 6, at least when it comes to CSS. I hate Internet explorer, Bill Gates as your final thing as CEO has to be to sack your entire browser team, wholesale Sack them, include Firefox as a windows update, you can make it look like IE 7 I don't mind, and then we wouldn't have little problems like these!

Did I mention how much I hate IE...
Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Its all in the mp3s
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7974
40801 credits
Members referred : 3
« Reply #9 on: Feb 21, 2007, 07:00:46 PM »
Quote
I hate Internet explorer, Bill Gates

I agree on that SO MUCH Tongue

Let's put in our sites a footer like :

Quote
Best viewed with a non Microsoft browser

BTW can we help you somehow?
Trial and Error my two best teachers Cool
Join us @ facebook Visit through proxy

Last blog : MIA - Where Nick and Tim
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2172
5030 credits
Members referred : 2


Venture Skills - New Media & IT group
« Reply #10 on: Feb 21, 2007, 07:08:40 PM »
I got my text wrapping around the image correctly in the end Wink just needed to rant. I think what I'm more peeved at is the fact I have had to drop from xhtml strict down to transitional.
Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Its all in the mp3s
Global Moderator
Internet Junkie
*****
Gender: Male
Posts: 1807
9006 credits
Members referred : 6
« Reply #11 on: Feb 21, 2007, 08:13:56 PM »
This should pretty much sum it up:
free PHP scripts and PHP tutorials Visit through proxy | The Big Adsventure Visit through proxy |  Lets Work Online! Visit through proxy | 43 Proxies Visit through proxy

Last blog : Are You Stumbling Yet?
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2172
5030 credits
Members referred : 2


Venture Skills - New Media & IT group
« Reply #12 on: Feb 21, 2007, 08:35:22 PM »
I have that as an A3 poster on my wall Smiley
Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Its all in the mp3s
I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 7974
40801 credits
Members referred : 3
« Reply #13 on: Feb 21, 2007, 09:18:22 PM »
Quote from: ventureskills on Feb 21, 2007, 08:35:22 PM
I have that as an A3 poster on my wall Smiley

LOL. I should get one of these posters too Smiley
Trial and Error my two best teachers Cool
Join us @ facebook Visit through proxy

Last blog : MIA - Where Nick and Tim
Global Moderator
Internet Junkie
*****
Gender: Male
Posts: 1807
9006 credits
Members referred : 6
« Reply #14 on: Feb 21, 2007, 09:31:51 PM »
Where can you get a poster like that?
free PHP scripts and PHP tutorials Visit through proxy | The Big Adsventure Visit through proxy |  Lets Work Online! Visit through proxy | 43 Proxies Visit through proxy

Last blog : Are You Stumbling Yet?
Tim Nash
Global Moderator
Community Supporter ?
Internet Junkie
*****
Posts: 2172
5030 credits
Members referred : 2


Venture Skills - New Media & IT group
« Reply #15 on: Feb 21, 2007, 10:25:32 PM »
I found a large version of the pic, and printed it out at my old work place, then laminated it.
but you can always try Wall Hogs Visit through proxy they might be able to do it for you
Would you like to be an SEO, let me help with, The Tim Nash introduction to SEO Visit through proxy alternatively for Social media optimisation take a look at the Venture Skills Blog Visit through proxy

Last blog : Its all in the mp3s
Community Supporter ?
I am a fanatic. So?
*****
Gender: Male
Posts: 500
4934 credits
Members referred : 0


www.demonhale.com
« Reply #16 on: May 13, 2007, 06:01:06 AM »
If you still want that poster, I can make a high-res one based on the image above... (only that it will look better, I hope) ...
http://www.demonhale.com Visit through proxy , Just Visit...
Partners:
http://www.resume-fix.com Visit through proxy , Free Resumes

Last blog : Slowly Getting Back
Trackback URI for this entry : http://www.webdigity.com/trackback.php?topic=6059
Tags : css positioning Bookmark this thread : Digg Del.icio.us Dzone more....

Topic sponsors:
Get a permanent link here for $1.99!


Pages: [1] Print 
Webdigity Webmaster Forums  >  Design and Layout  >  Web Page Design  >  CSS (Moderator: Meth0d)
Topic: CSS positioning		 « previous next »
Jump to:
User Area
Welcome, Guest. Please login or register.
Did you miss your activation email?
Jul 24, 2008, 11:50:51 AM





Login with username, password and session length

Donate to our community, and get a permanent link back to your site!

Donate to our community, and get a permanent link back to your site!


Forum Statistics
Total Posts: 35.712
Total Topics: 7.376
Total Members: 3.706
Tutorials : 56
Resources : 143
Designs : 220
Latest Member: FortuneBeach

35 Guests, 3 Users online :

10 users online today:

Recent topics
Re: www.hiddenrate.com - ne...
Free lottery by Fortune Bea...
Re: Login with Example1.php...
Re: Hi all!
Re: Best Way to Get Indexed...
Re: Good hosting company...
Re: Compressed Air???...
Re: A tattoo for web design...

HumanWorks Network
Technology news
Webmaster articles
Sublime web directory
RSS Feed directory and viewer

Readers

Web Design Gallery · Whois Lookup · Pagerank · Tag Browsing · Lo-fi version · Syndication · Webmaster forum history · Advertise
Developed by HumanWorks © 2005 - 2008 Webdigity webmaster community · sublime directory
Webdigity Webmaster Forums | Powered by SMF 1.0.12. © 2001-2005, Lewis Media. All Rights Reserved.