current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0

Tagged Questions

0
votes
0answers
15 views

HTML Elements Moving on Page Reload - Chrome Only?

I know this type of question is bad practice, especially posting a link to your demo, but I don't know where else to turn to, and this bug is quite the headache... Please help me! For those of you ...
0
votes
4answers
63 views

Css float drawbacks

Here goes the code: <style> .thumbnail { float:left; width:110px; height:90px; margin:5px; } </style> <body> <img src="klematis_small.jpg" ...
0
votes
0answers
64 views

Why do block elements go behind a float and inline go around?

I am finally starting to understand floats in CSS but I am stuck on one part. I understand floating an element takes it out of the flow of the document so elements after it would render 'underneath' ...
1
vote
4answers
644 views

How do I position my banner and navigation bar with CSS

I am looking to create a website but I am having a bit of trouble. I see all these different terms like floating and boxing etc etc but I am confused what I use to position the items. Here is a very ...
2
votes
4answers
44 views

Three divs: two on the left, one on the right. Second one has ellipsis. Screenshot, jsfiddle attached

Here's the mockup of what I want to achieve(3 cases of the same mockup): So, first div(green) has fixed width. Third div(blue) is always at the right side and it gets as much space as it needs, ...
2
votes
4answers
3k views

Css issue div height when using float

This is My part of div area <div class="con"> <div class="container"></div> <div class="sidebar"></div> </div> My css part .con{ width:100%; } ...
0
votes
5answers
3k views

Div not expanding with content

I know there are several posts about this but none of the solutions are working for me. With that said, my containing div will not grow with my content. I know why this is happening, because it is ...
1
vote
1answer
25 views

Repeating edges of image upon user zooming out

I have an image I want to be the full width of my screen for my wordpress website. I also want to make it so when the user zooms out it takes the edges of that image (for example lets say the image is ...
1
vote
2answers
20 views

Emulating display block behaviour

I have HTML like below and all is displaying grand, the problem is that due to a problem with Sharepoint 2013's editor your unable to edit the link text but as soon as I remove display: block I can ...
2
votes
2answers
467 views

li won't float correctly in IE

I have a very peculiar problem across the IE board (ignoring IE6). Basically I have a list in a div with fixed width. The list contains li cells without height or width, containing a link and a ...
6
votes
1answer
71 views

Position a floated div vertically within text

I'm attempting to find a pure CSS solutions to create an article with a featured quote section that starts 50px (or so) down the page. This section should be 50% width and the text should wrap around ...
0
votes
1answer
28 views

Block :before content is above my list and not on the left

I tried to position a caracter "!" before a list. But the "!" is placing above the list and not and not on the left. What did I did wrong ? Here is my CSS .cadreImportant{ padding:5px; ...
1
vote
4answers
38 views

CSS center a div within a div

Stupid question, but I can't seem to figure this out. I want the button that says: Get More Clients (underneath the computer on the right-hand side), to be centered underneath the computer. I'm not ...
0
votes
5answers
24 views

floating two adjacent elements affects fourth element

Sorry for the confusing title, if someone has a title which explains the issue better please edit it. I am trying to create an input form with floats. jsfiddle: http://jsfiddle.net/7jtn507w/ HTML: ...
0
votes
2answers
37 views

Div centering within another Div - left aligned?

I know this question has been asked several time before, and generally I can fix it myself, but for some reason I can not get these icons to center. They are always left aligned. If the good people of ...
0
votes
4answers
24 views

elements do not fit in single line even though width sums to 100%

jsfiddle: http://jsfiddle.net/wngf9xy9/ HTML: <div class="cont"> <label class="Label"> Label1 </label> <input type="text" class="inp1" maxlength="11"> <select ...
0
votes
2answers
27 views

How to make parent container resize to child container correctly without using min-height

Example of the problem here: http://jsfiddle.net/uq0zzf7t/ I have the follow css code: .wizard { display: block; width: 100%; } .wizard > .steps { position: relative; display: ...
1
vote
2answers
576 views

Preventing float wrapping without setting parent width

I would like to have several items stack horizontally infinitely (in one row), without setting the width of their parent container. I'm fully aware that setting the container div to width:1000px; will ...
-4
votes
2answers
29 views

Centering title when next to toolbar

I'm trying to make a title bar with a nice centered title and a toolbar next to it. The issue I'm having is that as the toolbar grows, the title move further and further off center (and is never ...
0
votes
2answers
35 views

Image and separator css positioning

I have a problem in my weather webapp. As you can see on the screenshot below, if the width of the device is low, the forecast is displayed correctly, but if you browse the page on a desktop or on an ...
0
votes
1answer
31 views

Negative Margins and Floats in IE9

I'm trying to accomplish a 3 column fluid layout with an additional span at the bottom that covers the last 2 columns. In addition, I need to use source ordering so that the middle column is actually ...
1
vote
2answers
29 views

Float one image over another with CSS

I am using bootstrap with some simple code. Inside the jumbotron div/container i have 2 images. One aligned left. One aligned right. How do i allow the right image to float over/above the left one on ...
-1
votes
3answers
38 views

`<ul>` is not floating all the way in container

So i have not seen this problem before, so im not quite sure what to ask but.. I have a menu with is inside a container, i want it to float right, it does but just not all the way, i cant figure what ...
1
vote
1answer
34 views

IE8 float problems arise again

Context In my header, I want to place my little login menu "LOGIN" and "Help" to the right of the page at the same height as the logo (red rectangle) on the left. Problem The layout is not working ...
-1
votes
1answer
39 views

<span> floated inside <li> creates new line in FF but not in Chrome

I'm using twitter-bootstrap for a menu and can't seem to figure out what's up with the message counter span I'm trying to get to float to the right – seems to work in Chrome (bottom) but shoots it ...
1
vote
4answers
44 views

Positioning absolute and relative elements with css

I tried to position html elements, but a failed badly. My html code is quiete simple: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" ...
3
votes
2answers
5k views

floating two divs side by side

I'm trying to float two divs side by side no matter what the size of the screen is. At the moment in IE 7 if I resize the windows the one div drops below the other. I think its because div2 contains a ...
-2
votes
4answers
39 views

Let two divs have the same height [duplicate]

I have two divs like that: <div id="div1">ABC</div> <div id="div2">ABC DEF GHI JKL MNO</div> #div1 { width: 50px; background-color: red; float: left; } #div2 { ...
93
votes
6answers
139k views

How do I center float elements?

I'm making a pagination for my page and it needs to be centered. The problem is, that the links need to be displayed as block and so floated. But then, the text-align: center; does't work on them. I ...
-1
votes
4answers
31 views

Div not Adjusting Height Based on Contents

I cant seam to figure out why my info-container div wont adjust its height based upon its contents. I do have a floating div within it and i think it maybe causing the problem but I'm not completely ...
0
votes
1answer
19 views

Second out of three indented text blocks per line is not aligned

I have the following problem (the pen could be found here: http://codepen.io/rpkoller/pen/wJEhm?editors=110 ): <div> <span class="ft-label">starts</span><span ...
5
votes
3answers
68 views

Why does the div following a floated div overlap the floated one?

I have a floated left sidebar layout with breadcrumbs and main content area on the right. If you Inspect Element on the breadcrumbsContainer (see jsFiddle), you can see that its left edge is all the ...
0
votes
0answers
25 views

Float the nav to the right and keep it flush with the edge of the page on resize

I need the menu (book 1, book 2 etc) that is wrapped in the div class="nav" to float all the way right and stay aligned and sticky to the right side of the browser window no matter how big the ...
3
votes
3answers
5k views

How do you center align floating divs where the parent container doesn't have a width?

I know similar questions have been asked before but I haven't seen one where the parent div has an unknown width with a definitive answer. So here's the situation. <style> .parent { width: ...
1
vote
1answer
33 views

Why is Susy giving my columns a 44.44444% width instead of 50%?

Cannot figure out why my columns are not 50% when no-gutters is included in the parameters? SCSS: $susy: ( global-box-sizing: border-box, gutters: 1/4, gutter-position: before ); .columns { ...
1
vote
1answer
16 views

How to clear floated img (sidebar is floated too)

I need help with fiddle I would like to clear nearest floated block, if it's possible. It seems if there is some floating block on page and if I anywhere use clear, floated block will be cleared ...
0
votes
1answer
28 views

How to define an elements style using CSS to be on top of an other? Why in my case z-index isn't effective?

I have this style on an <img> tag. position: absolute; margin: -477px 0 0 581px; z-index: 1000; and near this element I have a div with this style: position: relative; margin: 100px 0 0 ...
0
votes
3answers
474 views

CSS Challenge: INPUT going outside of DIV

I'm trying to accomplish something specific around platform constraints I'm under. I created a somewhat self-explanatory jsfiddle of the problem at http://jsfiddle.net/MrV5M/4/ The specific ...
1
vote
1answer
24 views

Easy CSS: Making column backgrounds line up

I know this will be easy for someone experienced in CSS. I made a mock-up of my code here to show what I have. I'm trying to get the background colors, pink and green, extend to the bottom of the ...
6
votes
4answers
2k views

Firefox unexpected line break using floats & overflow hidden

I have a container div that holds two items: a .button and a .box with text inside. .button comes first and is floated right. .box has no float [this is a constraint - I can't float it left due to ...
-4
votes
1answer
25 views

Fixing sidebar on my project

i have problem to fix sidebar on RIGHT side of my project. you can look it here so navigation and sidebar need to be fixed, and just main content to be scroling it need to look like this : #sidebar ...
0
votes
1answer
25 views

Do I really need css clear for a 2 column layout with header and footer?

I have read tutorial here http://www.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/ and it says : to resolve footer issue I would need to use css clear on footer : #footer { ...
-1
votes
2answers
33 views

centre a group of floated divs

I'm trying to centre a group of floated divs. HTML <div class="wrapper"> <div class="parent"> <div class="child"></div> <div ...
0
votes
5answers
44 views

css float 4 divs in a square order (float-left only 2° and 4° does not work)

I have 4 divs <div id="first"></div> <div id="second"></div> <div id="third"></div> <div id="fourth"></div> and I need to align them in a "square" ...
0
votes
3answers
33 views

Header: Logo to the left, nav to the right. (Vertical aligned to the center)

I'm having trouble aligning my navigation to the right of the header. Searching on the web, I think the problem is because I'm aligned the items vertically to the center, and the float option isn't ...
0
votes
2answers
33 views

Div with overflow hidden, no work on chat invite image script

Please Help me! I have a problem. please view the image: http://s15.postimg.org/wyb1fs7kr/duvida.png I have a div with a chat icon status, but this same script that calls the icon status, also calls ...
-1
votes
2answers
37 views

How to make the div's appear inline in the following code?

How to make the following div's appear inline in the following html with a scroll @ http://jsfiddle.net/hj2E6/5/ <div id="scrollable"> <div class="childDiv"> <div ...
-2
votes
1answer
33 views

Center Align Multiple DIV under single main DIV causing overlapping issue

I want to print multiple DIV one after another in single line. Also i need to center the content to the page. I am able do this with float style but its not Centered to the page. I searched google , ...
2
votes
3answers
37 views

Having a link right after inline list with a fixed HTML structure

Hie everyone, I have this HTML structure I can't change : <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> ...
1
vote
3answers
1k views

Child div in parent div, float:left

Please take a look at my code: http://jsfiddle.net/XptrZ/ Why are'nt the blue divs inside the red one, and why the red one has height=0. How can I solve this? Thanks

1 2 3 4 5 … 72