Jump to content

Chris

Members
  • Content count

    33
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Chris

  • Rank
    Newbie
  1. minimze content div, footer tnot follow up

    Ok maybe this could work, but what do i need to do for the divs to go to sides FULL as they do on the other site i showed you?? Right now they have a margin of about 5 mm to the sides. (and i dont have any margins in the div, i have it as it is except that i put a "min-width: 1347px;" in the html, body tag for the content to be autoscroll when for ex. minizming the window.
  2. minimze content div, footer tnot follow up

    Sigh.... ........After so much time to find that min-width syntax wich was my first problem, since i never done a web-layout like this before. I am of course familiar with float though. I thought i did not have to make it all upp from the beginning though :/!! Thank you though. PS: Are you really sure, i need to do all this again, just because to add float to it? Well il be right back later on tonight with an answer
  3. minimze content div, footer tnot follow up

    Ok, but what should i do then?? Remove these and do margin-left rights something like that perhaps or what? I thought it was that you say, i tried to remove some pos. relat. and the left and right textbox, but when i did there came up a blank white space under the footer for some reason. about 5 mm whiter space :S
  4. So im here again, with another problem now. Look at the site http://mbdbygg.zxq.net/. The grey area in the middle is a div id called content and it is 800px height. Now i want to reduce the height to 400px, cause i dont need such wide space between the pictures and the footer as you see. The content div should end where the div class "center" ends. It has a border color to see where it ends. The problem now is that when i change the height to 400px the box only goes upand leaving a WHITE space under it.Meaning the footer does not follow up to the content div! What am i missing? I attach the css: *{ margin: 0px; padding: 0px;}body { margin-left: 0px; margin-top: 0px;}img { border: none;}#wrapper { min-width: 1347px; border: 1px solid #727272;font-family:Verdana, Arial, Helvetica, sans-serif;color:#cccccc;}#header { height: 180px;background-color:#FFFFFF;background-repeat:repeat-x;background-image:url(mbdbygg.gif);background-position:center;background-repeat:no-repeat;} #content { height: 800px;background-color:#2A2727;background-repeat:repeat-x;}.lefttext {position:relative;float:left;top:50px;left:40px;width:250px;height:400px;border: 1px solid #727272;}.righttext {position:relative;float:right;top:50px;right:40px;width:250px;height:400px;border: 1px solid #727272;}#center {position:relative;top:50px;left:297px;width:750px;height:500px;border: 1px solid #727272;}.meny {position:relative;font-family:Verdana, Arial, Helvetica, sans-serif;left:73px; top:12px;float:left;}.meny li{ display:inline; }.meny ul li a{ text-decoration: underline; color:#cccccc; font-weight: bold; }.meny ul li a:hover{ text-decoration: none; } .bilder { position:relative; float:left; left:1px; top:-360px; } .bilder img{ display: inline; border: 1px solid #7F7D7D; } .thumbnail { width:170px; height:130px; margin:5px; }#footer {background-color:#2A2727;background-repeat:repeat-x;border-top: 1px solid #727272;margin:0 auto; height: 60px; clear: both;}div#footer p {font-size:0.6em;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;margin:0;padding:25px;}
  5. Problem with a general layout - css

    What you mean then?
  6. Problem with a general layout - css

    Why would you do that ? If you really are, then i hope you understand what my problem is. The layout problem in general(i think?) is fixed, since header, content(middle div) and footer dont stop at the right as it did before when minimizing a window. The problem now is only the pictures you see in the middle that goes to into the right - to the right box when minimizing, and the meny goes down. You going to recreate from the css file and the site i suppose if you are? Honestly though, a wild guess is that its about something small and quick for this to be fixed .
  7. Problem with a general layout - css

    No it does not go to do with that. You appernatly cant help me. But would you know any web templates that look like this. With a header, middle content and footer stretch to the sides?
  8. Problem with a general layout - css

    Ok i atleast fixed the divs header, content and footer to stay put(i removed the margin-autos aswell and put only min-width: 1060px. I also put a position relative on the side-textboxes. BUt the meny links and the pictures in the middle still go out of place. The meny goes many steps down when minimizing the window, and the pcitures goes INTO the right box, moving to the right with other words. What else i need to do? i attach the css code again as it is now: *{ margin: 0px; padding: 0px;}body { margin-left: 0px; margin-top: 0px;}img { border: none;}#wrapper { min-width: 1060px; border: 1px solid #727272;}#header { height: 180px;background-color:#FFFFFF;background-repeat:repeat-x;border: 1px solid #727272;background-image:url(mbdbygg.gif);background-position:center;background-repeat:no-repeat;} #content { height: 800px;background-color:#605a5a;background-repeat:repeat-x;border: 1px solid #727272;}.lefttext {position:relative;float:left;top:65px;left:40px;width:250px;height:400px;border: 1px solid #727272;}.righttext {position:relative;float:right;top:65px;right:40px;width:250px;height:400px;border: 1px solid #727272;}#center {position:relative;top:60px;left:300px;width:750px;height:700px;border: 1px solid #727272;}.meny {position:relative;font-family:Franklin Gothic Heavy, Arial;left:155px; top:12px;float:left;border: 1px solid #727272;}.meny li{ display:inline; margin: 1px; }.meny ul li a{ text-decoration: underline; color:#FFFFFF; } .bilder { position:relative; float:left; left:10px; top:-210px; border: 1px solid #727272; } .bilder img{ display: inline; border: 1px solid #4B678D; } .thumbnail { width:165px; height:125px; margin:5px; border: 1px solid #4B678D; }#footer {background-color:#FFFFFF;background-repeat:repeat-x;border: 1px solid #727272;margin:0 auto; height: 60px; clear: both;}div#footer p {font-size:0.6em;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;margin:0;padding:5px;}
  9. Problem with a general layout - css

    Hello, I need help with something i think is quite easy to solve maybe for the real experianced ones. I am a webeditor, but still not professional, and experianced with all sort of css layouts etc. So it about this site: http://mbdbygg.zxq.net/ . I have never maked a background/layout like this before, and am considering some other way to achive how i want it, but i guess i wont need to do it all over. So look at the site: http://mbdbygg.zxq.net/. When you open it in a normal fullscreen window it looks ok, and that is how it is suppose to look. When one minimize the window you can see that the pictures i nthe middle all moves outside the layout to the right on a white surface outside the wrapper! So does the links aswell. And the the "righttext" div moves to the left one. So what do i need to do for it not beeing like this. The divs - header, content, and footer are supposed to be fixed. Meaning there should be repeating the content and the foot and header, and not be pressed to the left like that. What do i need to do? I attach the css file as well. Thanks for any help! style.css
  10. I feel so stupid. I somehow(DONT REMEMBER IT ) change the name of a folder, and i also some filenames had a big letter i nthe start. every file should have small letters . Should i remove this thread, or let it be here for others to think about ?? Just tell me what to do, i gladlt remove this whole thread. I may need help with an email php with attachment instead to conctretate on for now ....
  11. So i have this website wich i first uploaded on a private free web hosting server. Now some images do not show, and i first thought it got to do with tĀ“because it is a slow free server! But that was not the problem since i now uploaded it on fast pay web hosting domain. This one: http://iphonetryck.se/index.php The images are not shown there either! I tried everything i know from making all the images small equaly(because UNIX does not recognise with one big and rest small or something like that...), to make the pictures from indexered to RGB, or to jpg. Neither work! I need help on to why this is happening. I tried to reupload also btw. I attach a picture on how it is suppose to look like - on the index startpage. As you see the index picture to the top left is not there, and the colorimages for the menylinks is not there either. Also some other pictures like the iphone too in one other page.
  12. NEW UPDATE again. It seems that this code for the class: sidboxes that makes them in the position it should be.position: relative;top:-910px;left:738px;width: 50px; I knew it would be position:relative in somehow - thats the one. BUT now i have a new problem. After inserting this code i now get a BIGGER space from the rightnav class div id to the copyright div class. In other words, between the middle picture/text to the footer where the contact etc is information is! I am lost.....
  13. 1 PIC. I attach here a scrrenshot of the website to show the sidbox class field at the right - with the 3 sidbox classes. 2 PIC. I also attach a screenshot of the bottom of the indexpage to show WHERE the large empty space is - wich is about 3-4 cm. I want to REMOVE this space from there so the footer can have atleast 1 cm between the indexpic and the contact-footer there. How? I reattach the cssfile Pse52(since i made small changes to it). body{margin: 0;padding: 0;border: 0;background-repeat:repeat-y;background-position: top right;background-attachment:scroll;/*background-image: url(sidtoning.gif);*/color: #242424;}#container{width:980px; margin:5px auto; padding:0;font-family: Arial, Helvetica, sans-serif;}h1 {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #000000;margin:0px;padding: 0px 0px 15px 0px;}#leftnav {float: left;width: 160px;margin: 0;padding: 1em;}.logo {background-image: url('reklamhuset.gif');background-repeat:no-repeat;position:relative;z-index: 1;left:-23px;top:0px;width:283px;height:184px;}.logo span a{display: block;width: 124px;height: 117px;}/*.ingang{background-image: url('ingang.gif');position:relative;left:75px;top:-10px;width:262px;height:120px;z-index:-1;}*/.rulltext {position:relative;top:200px;left:-151px;}#rightnav{width:460px; margin-left:300px;font-family:Arial,Helvetica,sans-serif;font-size:0.75em;}.banner { /*background-image: url('banner2.gif');*/ position:relative; background-repeat:no-repeat; z-index:1; left:-40px; top:40px; width:460px; height:184px;}#rightnav .indexbild{position:relative; margin-left: -50px; /*border-left: 1px solid gray;*/ margin-top:-6px;}#rightnav .centertext{position:relative; margin-left: -27px; /*border-left: 1px solid gray;*/ margin-top:25px; width:458px;}#rightnav .submitform{ margin-left: 9px; /*border-left: 1px solid gray;*/ margin-top:19px;} .bilder{ float: left; } .bilder img{ display: inline; padding:20px; } .produktbild { opacity:0.4; } .bilder2{ float: left; margin:25px; } .bilder2 img{ border: 1px solid #242424; display: inline; } .stampel{ position:relative; top:300px; right:265px; } .sideboxes {position: absolute;top:245px;left:758px; }.sidbox1{ padding: 0px 0px 6px 0px; }.sidbox2{ }/* .sidbox3{ float:right; border:1px solid #333333; background-color: #F9F9F9; text-align: center; width: 200px; height: 100px; padding: 5px; margin-top:-459px; margin-right:16px;}#footer{ margin-left:20px;/*margin: 0;padding: .5em;color: #333;background-color: #ddd;border-top: 1px solid gray;}*/#leftnav p { margin: 0 0 1em 0; }#rightnav h2 { margin: 0 0 .5em 0; } .copyright{ display: block;margin: 40px;/*eller margin:auto;*/padding: 10px;font-size: 10px;clear: both; } .copyright, .copyright a{ color:#666666; background-color:#F6F6F6; } .copyright p{ margin:0; padding:0; } .fl_left{float:left;} .fl_right{float:right;}
  14. Ok....?...and what did you change in the code. You have not tell me anything about that! I can upload the whole folder if you still into check and help if you want(if so please do tell)!!! I am grateful anyway, but you did not write any code for me to look at. I check the source for the link you gave though, and i only found that you put an end </div> tag before the sidboxes if i am right? EDIT: Ok i noticed some css changes through the firebug firefox plug-in. But still more concret if you can:P.
  15. Style jumps in different browsers - HELP!

    Yes the site works fine on Chrome. I think.....
×