Positioning and wierd problems

  • veindesigns
  • Newbie
  • Newbie
  • veindesigns
  • Posts: 8

Post 3+ Months Ago

Hi again guys, right ive got some wierd issues on the site im designing,

the html is here.... http://www.carl-robinson.co.uk/CHS/Concept2.html
the css is here..... http://www.carl-robinson.co.uk/CHS/main2.css

if you look on the page your'll see the problems,

first the two divs and the bottom i cant get to align properly, i think i managed to bodge it, but then im having problems with the second div's header, the background isn't coming up and if i type more then one word, it starts going down onto a new line.

would be great if someone could help me with this because once thats done i can actually start putting content onto pages to get it finished and up!

also excuse the messy css! and i know theres alot of other things going haywire on there, im just trying to sort this out first :)
:D
cheers in advane :D
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

maybe fixing the HTML errors and the CSS errors would bring you closer already ...
  • veindesigns
  • Newbie
  • Newbie
  • veindesigns
  • Posts: 8

Post 3+ Months Ago

ok done that the only errors there now are alt tags which i'll do at a later date, still no improvements though
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

First thing that you can do is to add the following CSS ...
Code: [ Select ]
ul{margin:0px;}

that's already going to help a bit ...

You can then also move the div#footer into div#container ... and then the footer will be centered ...
  • veindesigns
  • Newbie
  • Newbie
  • veindesigns
  • Posts: 8

Post 3+ Months Ago

ok cheers, the footer is in place now, but my lists aint right. have a look
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

No I don't see anything wrong with the lists ... which browser are you using ... I just viewed in FF3 and IE7, I just see that IE7 throws away the bullets ...

also, change the following CSS to the CSS I give you ... otherwise there's a gap between the content and footer in FF3 ...
Code: [ Select ]
#rightimagebottom{
position:relative;
margin:0px 0px 0px 720px;
padding:0px 0px 5px 0px;
}
  1. #rightimagebottom{
  2. position:relative;
  3. margin:0px 0px 0px 720px;
  4. padding:0px 0px 5px 0px;
  5. }
  • veindesigns
  • Newbie
  • Newbie
  • veindesigns
  • Posts: 8

Post 3+ Months Ago

ok thanks, thats worked but still not fixed
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

The footer is still a bit too low in FF3 ... We're getting there slowly ...
  • veindesigns
  • Newbie
  • Newbie
  • veindesigns
  • Posts: 8

Post 3+ Months Ago

aah sorry i forgot to upload the file, that gaps gone now, whats next?
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Why is that image of that cat there in the bottom, it stands out, and I don't think it's in a good way ... it's just sort of randomly there ...

That welcome part still screws up in FF3 ... I am not quite sure why ... I just need a while to stop quick ... hopefully someone sees why otherwise I might go mad ... hehe
  • veindesigns
  • Newbie
  • Newbie
  • veindesigns
  • Posts: 8

Post 3+ Months Ago

the cat doesnt need to be there, i'll delete it, just there from the first design, and left it there whilst i was sorting this out and then was gonna position it, and ok wait for someone else to help
  • thesquareone
  • Novice
  • Novice
  • thesquareone
  • Posts: 23

Post 3+ Months Ago

to fix your 2nd box looking odd

replace with this..

its simply the float:left that you missed

.laing {

float:left;
background-image:url(images/pbgsmall.png);
background-repeat:repeat-Y;
width:467px;
height:290px;
}
  • thesquareone
  • Novice
  • Novice
  • thesquareone
  • Posts: 23

Post 3+ Months Ago

Are you actually wanting the two boxes to sit on top of each other like they do now or side by side ??
  • thesquareone
  • Novice
  • Novice
  • thesquareone
  • Posts: 23

Post 3+ Months Ago

if you do want the two boxes sat next to eachother rather than on top of eachother, please look at your overall size of your boxes, if your combined width of the two boxes, margins and padding equal more than the containing div...

also using position:relative; on your boxes would help you...


it looks like this is a template youve taken to use as your own judging from the amount of comments, no problem in that however if you do it from scrath youd understand alot better...maybe this is from scratch, but just doesnt look that way, anyhow hope my comments can help you.

Post Information

  • Total Posts in this topic: 14 posts
  • Users browsing this forum: No registered users and 52 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.